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