Storybook Addon Pseudo States
storybook-addon-pseudo-states
Storybook Pseudo-states addon: Manipulate CSS pseudo states
State Management
storybook
storybook-addon
css
pseudo states
style
test
component
components
react
vue
Stars
1
Weekly
0
Open issues
0
Bundle
~60 kB
Installation
npm install storybook-addon-pseudo-statesCode example
import { create } from "storybook-addon-pseudo-states";
const useStore = create((set) => ({
count: 0,
inc: () => set((s) => ({ count: s.count + 1 })),
}));
export function Example() {
const { count, inc } = useStore();
return (
<button type="button" onClick={inc}>
Count: {count}
</button>
);
}Pros & cons
Pros
- Actively maintained by ndelangen
- 0 weekly downloads. Battle tested
- MIT licensed
Considerations
- Adds roughly ~60 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 0 open issues on GitHub