cla-status-indicator

Status Indicator - status indicator to display colour status or category

Usage

<cla-status-indicator color="#00c6b6" ></cla-status-indicator>

Properties

Property Attribute Description Type Default
badgestyle badgestyle Whether to use the badgestyle variant of the indicator - puts padding and a border around the indicator. boolean undefined
color color The color of the status indicator - this colour must be represented as a HEX, RGB or HSL code in order for the contrasting to be computed string "#000"
inverted inverted Whether to use the inverted variant of the status indicator. boolean undefined
rtl rtl Whether to use the left to right or right to left mode in text status indicators boolean undefined
shape shape The shape of the status indicator - can be square or circle string "circle"
size size The size of the status indicator - can be x-small, small, defaut or large string "default"
statusletter statusletter This allows a singlur letter to be put inside the status indicator string undefined

Built with StencilJS