# omni-arrow-right-icon

Arrow right icon component.

## Example

```html
<omni-arrow-right-icon></omni-arrow-right-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-backspace-icon

Backspace icon component.

## Example

```html
<omni-backspace-icon></omni-backspace-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-calendar-icon

A calendar icon component.

## Example

```html
<omni-calendar-icon></omni-calendar-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-caps-lock-icon

Caps lock icon component.

## Example

```html
<omni-caps-lock-icon></omni-caps-lock-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-caps-off-icon

Caps off icon component.

## Example

```html
<omni-caps-off-icon></omni-caps-off-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-caps-on-icon

Caps on icon component.

## Example

```html
<omni-caps-on-icon></omni-caps-on-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-check-icon

Check icon component.

## Example

```html
<omni-check-icon></omni-check-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-chevron-down-icon

Chevron down icon component.

## Example

```html
<omni-chevron-down-icon></omni-chevron-down-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-chevron-left-icon

Chevron left icon component.

## Example

```html
<omni-chevron-left-icon></omni-chevron-left-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-chevron-right-icon

Chevron right icon component.

## Example

```html
<omni-chevron-right-icon></omni-chevron-right-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-clear-icon

Clear icon component.

## Example

```html
<omni-clear-icon></omni-clear-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-close-icon

Close icon component.

## Example

```html
<omni-close-icon></omni-close-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-eye-hidden-icon

Hidden eye icon component

## Example

```html
<omni-eye-hidden-icon></omni-eye-hidden-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-eye-visible-icon

Visible eye icon component.

## Example

```html
<omni-eye-visible-icon></omni-eye-visible-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-indeterminate-icon

Indeterminate icon component.

## Example

```html
<omni-indeterminate-icon></omni-indeterminate-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-loading-icon

Loading icon component.

## Example

```html
<omni-loading-icon></omni-loading-icon>
```

## Properties

| Property   | Attribute  | Modifiers | Type               | Description                                      |
|------------|------------|-----------|--------------------|--------------------------------------------------|
| `dir`      |            |           | `string`           |                                                  |
| `lang`     |            |           | `string`           |                                                  |
| `override` | `override` |           |                    | Used to set the base direction of text for display |
| `styles`   |            | readonly  | `CSSResultGroup[]` |                                                  |

## Slots

| Name                | Description                                      |
|---------------------|--------------------------------------------------|
| `loading_indicator` | Used to define content that is displayed while async rendering is awaiting, or when renderLoading() is implicitly called |

## CSS Custom Properties

| Property                                 | Description                      |
|------------------------------------------|----------------------------------|
| `--omni-theme-accent-active-color`       | Theme accent active color.       |
| `--omni-theme-accent-color`              | Theme accent color.              |
| `--omni-theme-accent-hover-color`        | Theme accent hover color.        |
| `--omni-theme-background-active-color`   | Theme background active color.   |
| `--omni-theme-background-color`          | Theme background color.          |
| `--omni-theme-background-hover-color`    | Theme background hover color.    |
| `--omni-theme-border-radius`             | Theme border radius.             |
| `--omni-theme-border-width`              | Theme border width.              |
| `--omni-theme-box-shadow`                | Theme box shadow.                |
| `--omni-theme-box-shadow-color`          | Theme inactive color.            |
| `--omni-theme-disabled-background-color` | Theme disabled background color. |
| `--omni-theme-disabled-border-color`     | Theme disabled border color.     |
| `--omni-theme-error-border-color`        | Theme error border color.        |
| `--omni-theme-error-font-color`          | Theme disabled background color. |
| `--omni-theme-font-color`                | Theme font color.                |
| `--omni-theme-font-family`               | Theme font family.               |
| `--omni-theme-font-size`                 | Theme font size.                 |
| `--omni-theme-font-weight`               | Theme font weight.               |
| `--omni-theme-hint-font-color`           | Theme hint font color.           |
| `--omni-theme-inactive-color`            | Theme inactive color.            |
| `--omni-theme-primary-active-color`      | Theme primary active color.      |
| `--omni-theme-primary-color`             | Theme primary color.             |
| `--omni-theme-primary-hover-color`       | Theme primary hover color.       |


# omni-lock-closed-icon

Closed lock icon component.

## Example

```html
<omni-lock-closed-icon></omni-lock-closed-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-lock-open-icon

Open lock icon component.

## Example

```html
<omni-lock-open-icon></omni-lock-open-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-minus-icon

Minus icon component.

## Example

```html
<omni-minus-icon></omni-minus-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-more-icon

More icon component.

## Example

```html
<omni-more-icon></omni-more-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-next-icon

Next icon component.

## Example

```html
<omni-next-icon></omni-next-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-plus-icon

Plus icon component.

## Example

```html
<omni-plus-icon></omni-plus-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-previous-icon

Previous icon component.

## Example

```html
<omni-previous-icon></omni-previous-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-search-icon

Search icon component.

## Example

```html
<omni-search-icon></omni-search-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |


# omni-send-icon

Send icon component.

## Example

```html
<omni-send-icon></omni-send-icon>
```

## Properties

| Property   |
|------------|
| `override` |

## Methods

| Method             | Type       |
|--------------------|------------|
| `createRenderRoot` | `(): this` |