# ez-skeleton



<!-- Auto Generated Below -->


## Properties

| Property       | Attribute       | Description                                                                  | Type                               | Default                    |
| -------------- | --------------- | ---------------------------------------------------------------------------- | ---------------------------------- | -------------------------- |
| `animation`    | `animation`     | Animation type                                                               | `"false" \| "progress" \| "pulse"` | `DEFAULT_VALUES.ANIMATION` |
| `count`        | `count`         | Number of rows of current skeleton type                                      | `number`                           | `DEFAULT_VALUES.COUNT`     |
| `height`       | `height`        | Height of the skeleton ex. 100px, 100%, auto etc.                            | `string`                           | `null`                     |
| `marginBottom` | `margin-bottom` | MarginBottom of the skeleton ex. 10px, 0 etc.                                | `string`                           | `null`                     |
| `marginLeft`   | `margin-left`   | MarginLeft of the skeleton ex. 10px, 0 etc.                                  | `string`                           | `null`                     |
| `marginRight`  | `margin-right`  | MarginRight of the skeleton ex. 10px, 0 etc.                                 | `string`                           | `null`                     |
| `marginTop`    | `margin-top`    | MarginTop of the skeleton ex. 10px, 0 etc.                                   | `string`                           | `null`                     |
| `template`     | `template`      | The template to be used for the skeleton. Can be an HTMLElement or a string. | `HTMLElement \| string`            | `undefined`                |
| `variant`      | `variant`       | Variant of the skeleton - circle or row                                      | `"circle" \| "rect" \| "text"`     | `DEFAULT_VALUES.VARIANT`   |
| `width`        | `width`         | Width of the skeleton ex. 100px, 100%, auto etc.                             | `string`                           | `null`                     |


## Dependencies

### Used by

 - [ez-dropdown](../ez-dropdown)
 - [ez-search-result-list](../ez-search-plus/subcomponent/ez-search-result-list)

### Graph
```mermaid
graph TD;
  ez-dropdown --> ez-skeleton
  ez-search-result-list --> ez-skeleton
  style ez-skeleton fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------


