Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

React Theme Switch

A small, self-contained, and accessible component for inverting the theme of React-based interfaces. Uses progressive enhancement to provide a button which flips the theme's colors only where filter: invert(100%) is supported. Local storage persists the mode across browsing sessions.

Install

npm i react-theme-switch

Import

import ThemeSwitch from 'react-theme-switch';

Include

<ThemeSwitch />

Props

Just one optional prop is provided: preserveRasters. By default, raster images (images without the SVG extension, as well as videos) get inverted. To preserve them (through reinversion) use the preserveRasters Boolean.

<ThemeSwitch preserveRasters />

Accessibility

The switch is provided as a screen reader and keyboard accessible <button> element and toggles the aria-expanded state.

About

No description, website, or topics provided.

Resources

License

Releases

No releases published

Packages

No packages published