Open dhavalveera opened 2 months ago
Latest commit: 26c414e94af01752d5d33d08fd2185f4759eac05
Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.
Click here to learn what changesets are, and how to add one.
Click here if you're a maintainer who wants to add a changeset to this PR
The update brings vertical tabs functionality to various components and files in the project, enhancing UI flexibility with new styles, properties, and examples for vertical tab alignment.
Files | Changes |
---|---|
.../tabs.mdx , .../tabs/index.ts , .../tabs/tabs.vertical.tsx |
Introduced vertical tabs with examples and export adjustments. |
.../Tabs/Tabs.stories.tsx , .../Tabs/Tabs.tsx , .../Tabs/theme.ts |
Added vertical style properties and updated component configurations for vertical tabs. |
style
properties.🐰✨ Oh hooray! What a day! Tabs go up and down, In a vertical fray, they now wear a crown. With a hop and a skip, in the code they lay, Making UIs flip in a new fancy way! 🌟🐾
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
flowbite-react | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Apr 30, 2024 9:54am |
flowbite-react-storybook | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Apr 30, 2024 9:54am |
Hello Maintainers,
this PR adds the missing
Vertical Tab
Component to theTabs
Components and extends theTabs
components.A Note over here is to make the
Vertical Tab
Working, I've added an extra attribute to the code which isdata-tab-style="vertical"
where thevertical
will be passed based on thestyle
props we're receiving from the User for type of Tabs they wants to use, and using that selector in thetheme.ts
I have made theVertical Tab
working without affecting or breaking the existing one.Furthermore, @SutuSebastian I would suggest & recommend to rename the
style
to something else likevariant
in order to allow the user to select the type ofTabs
they're interested to use, this way we can allow the user to select theTab
variant, as well as they can able to use thestyle={{ }}
to use the CSS and avoid the confusion as well.Summary by CodeRabbit
New Features
Documentation
Style