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