s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Svelte · Workspace

ShellSectionIcon

Draws a section or entry icon by name: a built-in shell icon (`SHELL_ICON_PATHS`) as an inline SVG, else the host's `iconComponent`, else the name itself as text. Decorative (`aria-hidden`); callers name the control.

Public export

typescript
import { ShellSectionIcon } from '@happyvertical/smrt-svelte/workspace';
Import path
@happyvertical/smrt-svelte/workspace
Props
3
Props described
3 of 3
Bindable state
0
Callback events
0
Verified release
0.57.40

Props

NameTypeRequiredDescription
namestringYesIcon name: a built-in shell icon, else whatever `iconComponent` knows.
sizenumberNoEdge length in pixels (default 18).
iconComponentComponent<{ name: string; size?: number; }>NoRenders names that are not built-in shell icons.

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Examples and explanation