@izosa/website-menu
v0.6.2
Published
<table> <tr> <td><img src="https://www.static.izosa.com/website/logo.svg" width="100" height="100"></td> <td> <h2>Menu</h2> Website component for menu</td> </tr> </table>
Downloads
23
Readme
Properties
<website-menu [items]="menu"></website-menu>
CSS Properties
website-menu{
--direction: row;
--gap: 2rem;
--py: 0.5rem;
--px: 1rem;
--text-color: #3f3f3f
--text-color-invert: #ffffff;
--text-color-active: #c9851d;
--text-transform: uppercase;
--font-size: 1rem;
--font-weight: 700;
--font-familly: inherit;
--m-width: 300px;
--transition-ms: 150ms;
--transition-type: ease-in-out;
--m-text-color: #3f3f3f;
--m-text-active: #c9851d;
--m-font-size: 1.5rem;
--m-font-weight: 700;
--m-font-family: inherit;
--m-button-color: #3f3f3f;
--m-button-size: 3rem;
--m-button-font-size: 1.5rem;
--m-text-transform: none;
--backdrop-background: #3f3f3f3a;
}