Badge <ndo-badge>

Status labels for lifecycle stage, resource nature, and property regime. Styled entirely via CSS custom properties — safe for shadow DOM.

Lifecycle Stages

variant="lifecycle-ideation"
variant="lifecycle-specification"
variant="lifecycle-development"
variant="lifecycle-prototype"
variant="lifecycle-stable"
variant="lifecycle-distributed"
variant="lifecycle-active"
variant="lifecycle-hibernating"
variant="lifecycle-deprecated"
variant="lifecycle-end-of-life"

Resource Nature

variant="nature-physical"
variant="nature-digital"
variant="nature-service"
variant="nature-hybrid"
variant="nature-information"

Property Regime

variant="regime-nondominium"
variant="regime-commons"
variant="regime-collective"
variant="regime-pool"
variant="regime-common-pool"
variant="regime-private"

Special

variant="coming-soon"
variant="neutral"

Usage

<!-- HTML / any framework -->
<ndo-badge variant="lifecycle-active" label="Active"></ndo-badge>
<ndo-badge variant="nature-physical">Physical</ndo-badge>
<ndo-badge variant="regime-nondominium" label="Nondominium"></ndo-badge>
TokenValue
--ndo-emerald-100209 250 229
--ndo-emerald-7004 120 87
--ndo-spacing-0-50.125rem (2px)
--ndo-spacing-20.5rem (8px)
--ndo-radius-sm0.25rem (4px)