format project
This commit is contained in:
parent
7651afaa0b
commit
a6d4064af8
83 changed files with 942 additions and 536 deletions
|
|
@ -1,20 +1,24 @@
|
|||
### diff
|
||||
|
||||
Diff component shows a side-by-side comparison of two items
|
||||
|
||||
[diff docs](https://daisyui.com/components/diff/)
|
||||
|
||||
#### Class names
|
||||
|
||||
- component: `diff`
|
||||
- part: `diff-item-1`, `diff-item-2`, `diff-resizer`
|
||||
|
||||
#### Syntax
|
||||
|
||||
```html
|
||||
<figure class="diff">
|
||||
<div class="diff-item-1">{item1}</div>
|
||||
<div class="diff-item-2">{item2}</div>
|
||||
<div class="diff-resizer"></div>
|
||||
<div class="diff-item-1">{item1}</div>
|
||||
<div class="diff-item-2">{item2}</div>
|
||||
<div class="diff-resizer"></div>
|
||||
</figure>
|
||||
```
|
||||
|
||||
#### Rules
|
||||
|
||||
- To maintain aspect ratio, add `aspect-16/9` or other aspect ratio classes to `<figure class="diff">` element
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue