Component · Navigation

Activity bar

a horizontal glass cluster of icon controls for a toolbar or header.

Example

Where available

React
Angular
Web Components
Blazor
Tokens

Using it

the same component, named idiomatically per target. one CSS contract underneath, so they render identically.

TargetReferencePackage
React <ActivityBar> @design-foundry/lucent-react
Angular <lucent-activity-bar> @design-foundry/lucent
Web Components <lucent-activity-bar> @design-foundry/lucent-wc
Blazor <LucentActivityBar> DesignFoundry.Lucent

API

PropTypeDefaultDescription
(children) slotted nav-icons / controls.