SThemeSwitcherComponent

This component represent a simple theme-switcher that allows you to switch between light and dark mode easily as well as choosing between all of your themes if you have more than 1 available...

Platform  
html
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Simple dark mode switcher

 

Loading code example. Please wait...

  Features

  Import

  Install

  Events

  1. s-theme-switcher.change

    Dispatched when the theme has been changed

  2. s-theme-switcher

    Dispatched for every events of this component. Check the detail.eventType prop for event type

  Interface

  1. darkModeicon
    false
    Boolean

    Specify if you want to dark mode icon or not

  2. darkModeIconClass
    s-icon:dark-mode
    String

    Specify the class to apply on the i tag for the dark mode icon

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Designed and built with all the love in the world +1 by the Coffeekraken team with the help of our friends and partners.

Under MIT License

Current version: 2.0.0-alpha.25

Links

  1. Get Started
  2. Documentation
  3. Styleguide
  4. API

Usefull

  1. NPM Packages
  2. Start using the CLI
  3. Start with theming

Community

  1. Join us on Discord
  2. Issues on Github
  3. Support us on Patreon
  4. Our contributors

In collaboration with

Join us on Discord!

Welcome on