@trautmann/theme-switch

Theme Switch

Introduction

Inspired from Kefah Rajha's (@kefah-rajha) "Night Day Button" and done for MUI.

Documentation and Demo

Storybook: https://theme-switch.trautmann.software

Support

You can buy me a coffee or support the project via

• Paypal
• PATREON

Usage

Please have a look into the storybook for more detailed usage examples and documentation.

import React from 'react';
import { PaletteSwitch } from '@trautmann/theme-switch';

export function Usage() {
  const [mode, setMode] = React.useState<'dark' | 'light'>('light');

  return (
    <PaletteSwitch size="medium" onChange={setMode} value={mode} />
  );
}

Current state

Currently, the switch is implemented for MUI 5, this means, it supports the same sizes as MUI Switch and renders in the same sizes as MUI Switch component. Support for other libraries and custom styling is also planned. If you need a support for a different library of custom styling, just open a ticket in out repo. It will be processed as soon as possible.