Nav Icon · astryx-svelte

Nav Icon @astryx-svelte/core v0.3.0 · NavIcon

Usage

NavIcon is a circular icon container with an accent-colored background. Use it in navigation headers such as TopNavHeading and PageNavHeader to visually identify a section or application.

ts
 
import { NavIcon } from '@astryx-svelte/core';

Best practices

Guidance	Practices
Do	Use in navigation headers to provide a recognizable visual anchor for the section.
Do	Pass an Icon or similarly sized icon component to ensure proper proportions.
Don't	Use NavIcon for interactive purposes; it is a display-only container, not a button.

Examples

Common configurations, variations, and states.

NavIcon — Basic

Circular icon containers wrapping semantic icons. Use as logos or accent icons in navigation headers such as TopNavHeading.