Skip to content

Neumorphism Alert box design for HarmonyOS.

License

Notifications You must be signed in to change notification settings

Applib-HarmonyOS/Alert

Repository files navigation

Neumorphism_Alert

Installation :

Install using npm inside pages directory

npm init -y

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

Alert

Import:

<element name='neualert' src='../node_modules/hmos-neumorphism/alert/alert.hml'></element>

Usage:

<neualert icon="common/icons/heart.png" width="300px" height="60px" border="40px" >
  <text>Alert !</text>
</neualert>

Reference:

neumorphism.io

ismail9k.github.io/neomorphism