Closed jindaljyoti closed 4 days ago
This update enhances the Button
component by introducing a new size
property, allowing developers to specify button sizes (small
, medium
, large
, x-large
). Corresponding adjustments were made in the component's styles and documentation to demonstrate and apply the new sizes.
Files | Summary |
---|---|
src/components/ui/Button/Button.tsx |
Introduced a size property to specify button sizes. |
src/components/ui/Button/Button_sb.stories.js |
Updated storybook examples to demonstrate various size properties (small , medium , large , x-large ). |
styles/themes/components/button.scss |
Added styles for various button sizes with specific font sizes, paddings, and heights. |
Buttons now in sizes four,
From small to x-large, they implore,
A tale of styles and fonts anew,
To fit each task like morning dew.
Rejoice in code that's clear and bright,
A rabbit's hop through the night. 🌙🐇
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?
Summary by CodeRabbit
New Features
size
property to theButton
component, allowing users to specify button sizes ('small', 'medium', 'large', 'x-large').Documentation
size
attribute forButton
components in different sizes and variants.Style
small
,medium
,large
,x-large
) with corresponding font sizes, paddings, and heights.