Closed jindaljyoti closed 12 hours ago
This update introduces a new size
prop to the Button
component, adds size variants to its Storybook examples, refines the default state initialization in the Toggle
component, and reformats the JSX and styles for better readability and maintainability. Additionally, the progress indicator's background color has been updated to align with the new color theme.
Files | Summary |
---|---|
src/components/ui/Button/... |
Added size prop to Button component and updated className . |
src/components/ui/Button/... |
Updated Button_story to include size attribute in different variants. |
src/components/ui/Toggle/... |
Corrected default value assignment for isPressed state. |
src/examples/Colors/... |
Reformatted JSX in ColorsTemplate component for better readability. |
styles/themes/components/... |
Introduced new styling classes for different button sizes (small to x-large) in button.scss . |
styles/themes/components/... |
Updated background color variable in .rad-ui-progress-indicator in progress.scss . |
🐇 Buttons big and buttons small,
We’ve sized them up, now heed the call.
In progress hues, we change the scene,
With toggles set, pressed and clean.
Our colors template, neat and bright,
Into the code, we bring new light.
Rejoice in style, with every byte! 🎨
[!TIP]
Early access features: enabled
We are currently testing the following features in early access: - **OpenAI `gpt-4o` model for code reviews and chat**: OpenAI claims that this model is better at understanding and generating code than the previous models. We seek your feedback over the next few weeks before making it generally available. Note: - You can enable or disable early access features from the CodeRabbit UI or by updating the CodeRabbit configuration file. - Please join our [Discord Community](https://discord.com/invite/GsXnASn26c) to provide feedback and report issues. - OSS projects are always opted into early access features.
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?
Update the button into different font size and button size sm,md,lg,xl.
Summary by CodeRabbit
New Features
size
prop toButton
component with options for different sizes.button.scss
.Bug Fixes
isPressed
state in theToggle
component.Style
ColorsTemplate
for improved readability.Enhancements
styles/themes/components/progress.scss
.