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>
| Token | Value |
|---|---|
--ndo-emerald-100 | 209 250 229 |
--ndo-emerald-700 | 4 120 87 |
--ndo-spacing-0-5 | 0.125rem (2px) |
--ndo-spacing-2 | 0.5rem (8px) |
--ndo-radius-sm | 0.25rem (4px) |