## Usage
### Javascript
```html
```
### React
```tsx
import React from 'react';
import { KvStateIndicator } from '@kelvininc/react-ui-components';
export const StateIndicatorExample: React.FC = () => (
<>
{/*-- Default --*/}
{/*-- With Color --*/}
);
```
### Stencil
```tsx
import { Component, h } from '@stencil/core';
@Component({
tag: 'state-indicator-example',
styleUrl: 'state-indicator-example.css',
shadow: true,
})
export class StateIndicatorExample {
render() {
return [
// Default
// With Color
];
}
}
```
## Properties
| Property | Attribute | Description | Type | Default |
| -------- | --------- | -------------------------------- | -------- | ----------- |
| `color` | `color` | (optional) State indicator color | `string` | `undefined` |
| `text` | `text` | (optional) State indicator text | `string` | `undefined` |
----------------------------------------------