format project
This commit is contained in:
parent
7651afaa0b
commit
a6d4064af8
83 changed files with 942 additions and 536 deletions
|
|
@ -1,20 +1,24 @@
|
|||
### range
|
||||
|
||||
Range slider is used to select a value by sliding a handle
|
||||
|
||||
[range docs](https://daisyui.com/components/range/)
|
||||
|
||||
#### Class names
|
||||
|
||||
- component: `range`
|
||||
- color: `range-neutral`, `range-primary`, `range-secondary`, `range-accent`, `range-success`, `range-warning`, `range-info`, `range-error`
|
||||
- size: `range-xs`, `range-sm`, `range-md`, `range-lg`, `range-xl`
|
||||
- direction: `range-vertical` (vertical slider)
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<input type="range" min="0" max="100" value="40" class="range {MODIFIER}" />
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- {MODIFIER} is optional and can have one of each color/size class names
|
||||
- For a vertical slider use `range-vertical`
|
||||
- You must specify `min` and `max` attributes
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue