lifeomic / chroma-react

Open source design system from LifeOmic, built with React

https://lifeomic.github.io/chroma-react/

MIT License

48 stars 9 forks source link

Update IconButton Components to Storybook CSF3 #380

Closed MMFane closed 1 year ago

MMFane commented 1 year ago

What Was Changed

Common to all CSF3 updates

Replaced now-defunct CSF 1 & 2 types ComponentStory and ComponentMeta with StoryObj and Meta respectively
Updated all stories to the new single-const format
Removed titles from ungrouped components whose name is the same as their filename
Created Story type and added it to all stories for increased type safety

Unique to this PR

Added icon (with link to Chrōmicons) and size stories to all three components.
Added color stories to the non-floating components
Added justify story to the IconButtonFloat and increased the view heights in the docs so it doesn't get cut off
Removed disabled argType from IconButtonLink because it uses HTMLAnchor props and does not have a disabled prop

Screenshots

New `IconButton` Stories

Screenshot 2023-08-24 at 1 02 02 PM

New `IconButtonFloat` Stories

Screenshot 2023-08-24 at 1 02 16 PM

New `IconButtonLink` Stories

IconButtonLink Stories are the same as IconButton but not in an order that's simply to screenshot 😅

github-actions[bot] commented 1 year ago

:tada: This PR is included in version 5.1.3 :tada:

The release is available on:

Your semantic-release bot :package::rocket: