Skip to content

applibgroup/Buttons

Repository files navigation

Neumorphism_Buttons

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; }

Button

Import:

<element name='neubutton' src='../../../../../../node_modules/hmos-neumorphism/button/button.hml'></element>

Usage:

<neubutton icon="common/icons/heart.png" width="250px" height="60px" border="50px" onclick="buttonClick"> <text>Button</text> </neubutton>

Buttons

Import:

<element name='neubuttons' src='../../../../../../node_modules/hmos-neumorphism/buttons/buttons.hml'></element>

Usage:

<neubuttons width="250px" height="60px" border="50px"> <button slot="first">Left</button> <button slot="second">Right</button> </neubuttons>

Reference:

neumorphism.io

ismail9k.github.io/neomorphism