Closed jindaljyoti closed 4 days ago
The recent updates introduce a size
property to the Button
component, allowing for customization of button sizes in various variants. This includes alterations across the Button component's TypeScript definition, related Storybook stories, and corresponding SCSS styles to accommodate the new small
, medium
, large
, and x-large
sizes.
Files | Change Summary |
---|---|
src/components/ui/Button/Button.tsx |
Added a size property to the Button component to allow size customization. |
src/components/ui/Button/Button_sb.stories.js |
Updated Storybook stories for the Button component to showcase buttons of various sizes: small , medium , large , and x-large . |
styles/themes/components/button.scss |
Added CSS styles for different button sizes (small , medium , large , x-large ). |
With nimble paws and code so bright,
Our buttons now fit just right. 🐇
Small to x-large, they scale with ease,
Bringing style and joy to all who see!
Press away, dear friend of mine,
In every size, they now align! ✨
[!TIP]
AI model upgrade
## `gpt-4o` model for reviews and chat is now live OpenAI claims that this model is better at understanding and generating code than the previous models. Please join our [Discord Community](https://discord.com/invite/GsXnASn26c) to provide any feedback or to report any issues.
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
Seems like a duplicate of https://github.com/rad-ui/ui/pull/370 ? You can close this
update the button style using size prop in the button component
Summary by CodeRabbit
New Features
size
property to theButton
component for customizable button sizes (small, medium, large, x-large).Documentation
size
options.Style