Neumorphism_Buttons

Installation :

1. Copy the neumorph_buttons folder in your repo.
2. Add neumorphism as a dependency in your package.json file.

{
  "dependencies": {
    "neumorphism": "file:../neumorph_buttons"
  }
}

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/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/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