diff --git a/src/core/components/tab/tab.tsx b/src/core/components/tab/tab.tsx
index e9e359733..eb5949121 100644
--- a/src/core/components/tab/tab.tsx
+++ b/src/core/components/tab/tab.tsx
@@ -14,6 +14,7 @@ export interface TabProps {
'aria-controls': string
'id': string
'icon'?: React.ElementType | React.ReactNode
+ 'iconRight'?: React.ElementType | React.ReactNode
'focused'?: boolean
'fontSize'?: number | number[]
'label'?: React.ReactNode
diff --git a/stories/components/Tab.stories.tsx b/stories/components/Tab.stories.tsx
index 568d4eb15..82ad6cbb7 100644
--- a/stories/components/Tab.stories.tsx
+++ b/stories/components/Tab.stories.tsx
@@ -66,3 +66,12 @@ export const WithIcon: Story = {
return
},
}
+
+export const WithIconRight: Story = {
+ args: {
+ iconRight: SearchIcon,
+ },
+ render: (props) => {
+ return
+ },
+}