diff --git a/packages/components/tag/src/tag.ts b/packages/components/tag/src/tag.ts index f0b1ec83..e5eaf77a 100644 --- a/packages/components/tag/src/tag.ts +++ b/packages/components/tag/src/tag.ts @@ -52,6 +52,11 @@ export const tagProps = buildProps({ Required: false, default: 'bottom', }, + dataTest: { + type: String, + required: false, + default: undefined, + }, } as const) export type TagProps = ExtractPropTypes diff --git a/packages/components/tag/src/tag.vue b/packages/components/tag/src/tag.vue index 21f7bc8e..fec3e809 100644 --- a/packages/components/tag/src/tag.vue +++ b/packages/components/tag/src/tag.vue @@ -7,11 +7,12 @@ ]" > -
+
{{ content }} diff --git a/packages/components/tag/stories/tag.stories.ts b/packages/components/tag/stories/tag.stories.ts index cc3d6251..b5c25d4d 100644 --- a/packages/components/tag/stories/tag.stories.ts +++ b/packages/components/tag/stories/tag.stories.ts @@ -103,6 +103,11 @@ export default { }, }, }, + dataTest: { + description: + 'Set the data-test attribute `content-${dataTest}` `tooltip-${dataTest}`', + control: 'text', + }, }, args: { id: 'puik-tag-id',