@magic-modules/light-switch

this is the @magic-modules LightSwitch component. It provides a dynamic dark/light mode switch button

html docs

install:

npm install --save-exact @magic-modules/light-switch

usage:

// in any component ViewexportconstView=state=>[LightSwitch(state)]

thats it, your magic app now knows displays a LightSwitch in the top right.

positioning

to position LightSwitch in another corner, simply pass left and/or bottom as part of the props:

exportconstView=state=>[LightSwitch({ ...state,left: true,bottom: true})]

changelog

0.0.1

first commit

0.0.2

use @magic npm packages instead of github for installs

0.0.3

default colors are adapted for @magic-themes/docs

0.0.4

• require node 13.5.0
• use svg graphic instead of a dot

0.0.5

• update svg

0.0.6

bump required node version to 14.2.0

0.0.7

add icon css class to svg

0.0.8

set default height and width in svg only

0.0.9

• fix positioning
• remove button container
• simplify css

0.0.10

bump required node version to 14.15.4

0.0.11

update dependencies

0.0.12

update dependencies

0.0.13 - unreleased

...