format project
This commit is contained in:
parent
7651afaa0b
commit
a6d4064af8
83 changed files with 942 additions and 536 deletions
|
|
@ -1,26 +1,30 @@
|
|||
### timeline
|
||||
|
||||
Timeline component shows a list of events in chronological order
|
||||
|
||||
[timeline docs](https://daisyui.com/components/timeline/)
|
||||
|
||||
#### Class Names:
|
||||
|
||||
- Component: `timeline`
|
||||
- Part: `timeline-start`, `timeline-middle`, `timeline-end`
|
||||
- Modifier: `timeline-snap-icon`, `timeline-box`, `timeline-compact`
|
||||
- Direction: `timeline-vertical`, `timeline-horizontal`
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<ul class="timeline {MODIFIER}">
|
||||
<li>
|
||||
<div class="timeline-start">{start}</div>
|
||||
<div class="timeline-middle">{icon}</div>
|
||||
<div class="timeline-end">{end}</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="timeline-start">{start}</div>
|
||||
<div class="timeline-middle">{icon}</div>
|
||||
<div class="timeline-end">{end}</div>
|
||||
</li>
|
||||
</ul>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- {MODIFIER} is optional and can have one of the modifier/direction class names
|
||||
- To make a vertical timeline, add the `timeline-vertical` class to the `ul` element or just do nothing (because its the default style.)
|
||||
- Add `timeline-snap-icon` to snap the icon to the start instead of middle
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue