diff --git a/package.json b/package.json index e11203b..c67a853 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "craftbook", "private": false, - "version": "1.5.0", + "version": "1.5.1", "author": "Yash Sehgal ", "type": "module", "files": [ diff --git a/src/components/tab-menu/tab-menu.stories.tsx b/src/components/tab-menu/tab-menu.stories.tsx index cdf9d39..ac9c734 100644 --- a/src/components/tab-menu/tab-menu.stories.tsx +++ b/src/components/tab-menu/tab-menu.stories.tsx @@ -23,4 +23,4 @@ export const TabMenuDefaultWithStretch: Story = { options: ['Timeline', 'Members', 'Inititives', 'Calendar'], stretch: true, }, -}; \ No newline at end of file +}; diff --git a/src/components/tab-menu/tab-menu.tsx b/src/components/tab-menu/tab-menu.tsx index 51db978..32ea746 100644 --- a/src/components/tab-menu/tab-menu.tsx +++ b/src/components/tab-menu/tab-menu.tsx @@ -16,19 +16,26 @@ interface TabMenuOptionProps } const TabMenu = forwardRef( - ({ className, options, currentOption = '', stretch = false, ...props }, ref) => { + ( + { className, options, currentOption = '', stretch = false, ...props }, + ref, + ) => { const [selectedOption, setSelectedOption] = useState( currentOption || options[0], ); return ( - + {options.map((option, index) => { return ( @@ -58,7 +65,7 @@ const TabMenuOption = forwardRef( 'tab-menu-option px-3 py-1.5 transition-all w-fit', !isSelected && 'hover:border-b-2 hover:border-black/10', isSelected && - 'border-b-2 border-b-black drop-shadow-lg before:outline-none', + 'border-b-2 border-b-black drop-shadow-lg before:outline-none', className, )} aria-label={label}