Stage Indicator

Stage Indicators allow user to know which stage he is currently on

DEV-webcomponents-123.3.2

<six-stage-indicator stage="DEV"> DEV-webcomponents-123.3.2 </six-stage-indicator>

Examples

Stage

Use the stage attribute to display a certain stage

DEV-webcomponents-123.3.2 ITU-webcomponents-123.3.2 ETU-webcomponents-123.3.2 ACCEPTANCE-webcomponents-123.3.2 PROD-webcomponents-123.3.2

<six-stage-indicator stage="DEV"> DEV-webcomponents-123.3.2 </six-stage-indicator>
<six-stage-indicator stage="ITU"> ITU-webcomponents-123.3.2 </six-stage-indicator>
<six-stage-indicator stage="ETU"> ETU-webcomponents-123.3.2 </six-stage-indicator>
<six-stage-indicator stage="ACCEPTANCE"> ACCEPTANCE-webcomponents-123.3.2 </six-stage-indicator>
<six-stage-indicator stage="PROD"> PROD-webcomponents-123.3.2 </six-stage-indicator>

Properties

Property	Attribute	Description	Type	Default
stage	stage	The indicators value attribute	"ACCEPTANCE" | "DEV" | "ETU" | "ITU" | "PROD" | null	null

Dependencies

Used by

• six-root

Depends on

• six-icon

Graph

---

Copyright © 2021-present SIX-Group