Neumorphism_Checkbox

Installation :

Install using npm

npm i hmos-neumorphism

Note :

Add this css snippet when passing input or button through slot .

button, input{
    width: 100%;
    height: 100%;
    background-color:transparent;
    text-color: black;
}

Checkbox

Import:

<element name='neucheckbox' src='../../../../../../node_modules/hmos-neumorphism/checkbox/checkbox.hml'></element>

Usage:

<neucheckbox color="" width="50px" height="50px" border="50px" checked="true" @check-event="checkboxClick"></neucheckbox>

Radio

Import:

<element name='neuradio' src='../../../../../../node_modules/hmos-neumorphism/radio/radio.hml'></element>

Usage:

<neuradio width="50px" color="" height="50px" border="50px" checked="" @check-event="radioClick"></neuradio>

Switcher

Import:

<element name='neuswitcher' src='../../../../../../node_modules/hmos-neumorphism/switcher/switcher.hml'></element>

Usage:

<neuswitcher width="60px" color="" height="30px" border="50px" toggle="off" @toggle-event="toggleClick"></neuswitcher>

Reference:

neumorphism.io

ismail9k.github.io/neomorphism