- Copy the neumorph_pagination folder in your repo.
- Add neumorphism as a dependency in your package.json file.
{
"dependencies": {
"neumorphism": "file:../neumorph_pagination"
}
}
Add this css snippet when passing input or button through slot .
button, input{
width: 100%;
height: 100%;
background-color:transparent;
text-color: black;
}
Import:
<element name='neupagination' src='../../../../../../node_modules/neumorphism/pagination/pagination.hml'></element>
Usage:
<neupagination color="" width="300px" height="50px" border="50px" @previous-event="previousEvent" @next-event="nextEvent">
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
</neupagination>