@ax-design/navigation
Advanced tools
Web component that implement Navigation Indicator animation of Axiom Design System.
Web component that implement Navigation Indicator animation of Axiom Design System.
// with npm
npm install @ax-design/navigation
// with yarn
yarn add @ax-design/navigation
and import it:
//CommonJS
require('@ax-design/navigation').register();
//ESModule
import { register } from '@ax-design/navigation';
register();
<ax-navigation>
<ax-navigation-item>Home</ax-navigation-item>
<ax-navigation-item>Apps</ax-navigation-item>
<ax-navigation-item>Games</ax-navigation-item>
</ax-navigation>
<ax-navigation vertical>
<ax-navigation-item>Home</ax-navigation-item>
<ax-navigation-item>Apps</ax-navigation-item>
<ax-navigation-item>Games</ax-navigation-item>
</ax-navigation>
Navigation component uses custom properties to manage the style of the navigation indicator.
Type: <time>
Default: 600ms
Description: The speed of navigation indicator's animation.
Type: <color>
Default: black
Description: The color of navigation indicator.
Type: <length>
Default: 2px
Description: The width of navigation indicator.
Bubbles: No
Cancelable: No
Interface: SwitchEvent
Description: A ax-navigation element receives a switch event when the indicator switched from one item to another item.
Properties:
SwitchEvent.detail.from: The highlighted element before user switched the tab;SwitchEvent.detail.to: The highlighted element after user switched the tab.FAQs
Web component that implement Navigation Indicator animation of Axiom Design System.
The npm package @ax-design/navigation receives a total of 2 weekly downloads. As such, @ax-design/navigation popularity was classified as not popular.
We found that @ax-design/navigation demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.