Benjamin Palko
f526f5c0aa
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
24 lines
509 B
Markdown
24 lines
509 B
Markdown
### 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>
|
|
</figure>
|
|
```
|
|
|
|
#### Rules
|
|
|
|
- To maintain aspect ratio, add `aspect-16/9` or other aspect ratio classes to `<figure class="diff">` element
|