# swc-pixel-loader

The AI pixel loader: an assembling/disassembling "pixel-fall" icon animation for loading and generating states.

## Attributes

| Name     | Type                                 | Default     | Description                                                                          |
| -------- | ------------------------------------ | ----------- | ------------------------------------------------------------------------------------ |
| `icon`   | `PixelLoaderIconName`                | `'aiLogo'`  | Icon to display. Ignored while `preset` is set.                                      |
| `preset` | `PixelLoaderPresetName \| undefined` | -           | Cycles through a themed sequence of icons, one per loop, instead of a single `icon`. |
| `paused` | `boolean`                            | `false`     | Renders the fully-settled, non-animating appearance.                                 |
| `label`  | `string`                             | `'Loading'` | Accessible label for the loading indicator.                                          |

## CSS Custom Properties

| Name                       | Description                                                                                                                                  |
| -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
| `--swc-pixel-loader-size`  | Rendered inline and block size of the loader. Defaults to 56px. There is no `size` attribute; set this custom property to resize the loader. |
| `--swc-pixel-loader-color` | Color of the pixel cells. Defaults to `currentcolor`, so the loader inherits the surrounding text color unless overridden.                   |