Nav Toggle
<ahi-nav-toggle> | AhiNavToggle
Nav toggle is meant for hiding and showing the primary navigation. This component is used internally in the Layout component, but can also be used separate to further customize the behavior.
<ahi-nav-toggle></ahi-nav-toggle>
Importing
To import this component using a script tag:
<script type="module" src="/path/to/azalea-kit-ui/dist/components/nav-toggle/nav-toggle.js"></script>To import this component using a bundler:
import '@azaleahealth/azalea-kit-ui/dist/components/nav-toggle/nav-toggle.js';Methods
| Name | Description | Arguments |
|---|---|---|
click() |
Simulates a click on the nav toggle. | - |
focus() |
Sets focus on the nav toggle. |
options: FocusOptions
|
blur() |
Removes focus from the nav toggle. | - |
Learn more about methods.
Dependencies
This component automatically imports the following dependencies.
<ahi-button><ahi-icon><ahi-spinner>