Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
mnik01 authored Sep 1, 2024
1 parent f6e50ae commit 7665675
Showing 1 changed file with 4 additions and 3 deletions.
7 changes: 4 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
# Storybook Addon Render Modes

This addon adds ability to emulate user CSS rendering preferences such as `prefers-reduced-motion` and others.

This addon adds the ability to emulate user CSS rendering preferences such as `prefers-reduced-motion` and others.
This addon has support for Storybook v8+

<img width="682" alt="image" src="https://github.com/mnik01/rendering-modes/assets/39025497/d2d0662d-02b8-49c2-a21d-0cf3e157899f">

> Initially fork of [storybook-addon-css-user-prefs](https://github.com/jonathantneal/storybook-addon-css-user-prefs) to support sb@^8.0.0
> And it's also a replacement for [@jeysal/storybook-addon-css-user-preferences](https://www.npmjs.com/package/@jeysal/storybook-addon-css-user-preferences)
List of supported modes:
- prefers-color-scheme
Expand Down Expand Up @@ -39,4 +40,4 @@ export default config;
This addon doesnt force changing of rendering mode in browser level (seems impossible).
But instead it uses hacky approach: we go through `document.styleSheets` via JS and manually rewriting media style rules.

This approach may work not as expected in some cases. Feel fre to create an issue for such cases.
This approach may work not as expected in some cases. Feel fre to create an issue for such cases.

0 comments on commit 7665675

Please sign in to comment.