SymbolBadge

API reference and demos for SymbolBadge.

Source

Import

import { SymbolBadge } from "@flanksource/clicky-ui/data";

Demos

Badge · Open in Storybook

Badge Outline · Open in Storybook

Inline · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
color	string	indigo	Named palette hue or CSS color, including CSS custom properties.
icon	StaticIconComponent	—	Imported icon component placed before the symbol.
iconClassName	string	—	Additional glyph classes, including adjustments for fixed-color SVGs.
language	string	—	—
style	enum	badge	Filled badge, colored outline, or an unframed inline symbol.