# li-slider

<!-- Auto Generated Below -->

## Usage

### Javascript

## Properties

| Property             | Attribute               | Description                             | Type                               | Default          |
| -------------------- | ----------------------- | --------------------------------------- | ---------------------------------- | ---------------- |
| `decimals`           | `decimals`              | 小数位数                                | `0 \| 1 \| 2 \| undefined`         | `0`              |
| `disabled`           | `disabled`              | 禁用状态开关                            | `boolean \| undefined`             | `false`          |
| `helperText`         | `helper-text`           | 提示信息                                | `string \| undefined`              | `undefined`      |
| `innerAriaValueText` | `inner-aria-value-text` | A11Y的值文本信息                        | `string`                           | `'$from to $to'` |
| `label`              | `label`                 | 滑块组件标签                            | `string`                           | `undefined`      |
| `max`                | `max`                   | 滑块最大值                              | `number`                           | `100`            |
| `min`                | `min`                   | 滑块最小值                              | `number`                           | `0`              |
| `name`               | `name`                  | 组件名称                                | `string \| undefined`              | `undefined`      |
| `range`              | `range`                 | 是否是多个滑块                          | `boolean \| undefined`             | `false`          |
| `showStepMarks`      | `show-step-marks`       | 是否显示步进的标志                      | `boolean \| undefined`             | `false`          |
| `showValue`          | `show-value`            | 是否显示值开关                          | `boolean \| undefined`             | `true`           |
| `sliderId`           | `slider-id`             | 组件ID                                  | `string \| undefined`              | `undefined`      |
| `step`               | `step`                  | 步进值                                  | `number`                           | `1`              |
| `styles`             | `styles`                | 可选属性 注入的样式style字符串 {string} | `string \| undefined`              | `undefined`      |
| `thumbLarge`         | `thumb-large`           | 是否大点的滑块                          | `boolean \| undefined`             | `false`          |
| `trackSmall`         | `track-small`           | 是否是窄的滑道                          | `boolean \| undefined`             | `false`          |
| `unit`               | `unit`                  | 单位                                    | `string \| undefined`              | `'%'`            |
| `unitPosition`       | `unit-position`         | 单位所在的位置                          | `"after" \| "before" \| undefined` | `'after'`        |
| `value`              | `value`                 | 滑块组件的值                            | `number \| undefined`              | `undefined`      |
| `valueFrom`          | `value-from`            | 当多滑块时，起始值                      | `number \| undefined`              | `0`              |
| `valueTo`            | `value-to`              | 当多滑块时，终止值                      | `number \| undefined`              | `0`              |

## Events

| Event       | Description         | Type                  |
| ----------- | ------------------- | --------------------- |
| `li-change` | 自定义li-change事件 | `CustomEvent<number>` |
| `li-input`  | 自定义li-input事件  | `CustomEvent<number>` |

## Shadow Parts

| Part              | Description |
| ----------------- | ----------- |
| `"bar"`           |             |
| `"from"`          |             |
| `"helper-text"`   |             |
| `"inner-track"`   |             |
| `"label"`         |             |
| `"label-wrapper"` |             |
| `"meta"`          |             |
| `"step-mark"`     |             |
| `"step-marks"`    |             |
| `"thumb-wrapper"` |             |
| `"to"`            |             |
| `"track"`         |             |
| `"track-wrapper"` |             |
| `"value-text"`    |             |

---

_Built with ITSI_
