481 data ids for tag tabs (#483)

12-aryan · web-flow · commit 0a54be9adea8 · 2025-10-16T19:49:14.000+05:30
* feat: added data id for tag

* feat: added data ids to tab

* fix: minor fix
diff --git a/packages/blend/lib/components/Tabs/TabsList.tsx b/packages/blend/lib/components/Tabs/TabsList.tsx
@@ -174,6 +174,9 @@ const TabsList = forwardRef<HTMLDivElement, TabsListProps>(
                                         flexShrink: 0,
                                         whiteSpace: 'nowrap',
                                     }}
+                                    data-tabs={item.label}
+                                    data-tab-selected={item.value === activeTab}
+                                    // data-tabs-disabled={item.disabled}
                                 >
                                     {item.label}
                                 </TabsTrigger>
diff --git a/packages/blend/lib/components/Tags/Tags.tsx b/packages/blend/lib/components/Tags/Tags.tsx
@@ -55,6 +55,7 @@ const Tag = forwardRef<HTMLDivElement, TagProps>(
                 <Text
                     fontSize={tagTokens.text.fontSize[size]}
                     fontWeight={tagTokens.text.fontWeight[size]}
+                    data-label={text}
                 >
                     {text}
                 </Text>

Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,7 @@ const Tag = forwardRef<HTMLDivElement, TagProps>(`
`55`	`55`	`<Text`
`56`	`56`	`fontSize={tagTokens.text.fontSize[size]}`
`57`	`57`	`fontWeight={tagTokens.text.fontWeight[size]}`
	`58`	`+ data-label={text}`
`58`	`59`	`>`
`59`	`60`	`{text}`
`60`	`61`	`</Text>`