Diff
Visual comparison component for highlighting differences
Class Reference Basic
Div(
Div(
Img(
alt="daisy",
src="https://img.daisyui.com/images/stock/photo-1560717789-0ac7c58ac90a.webp"
),
cls="diff-item-1"
),
Div(
Img(
alt="daisy",
src="https://img.daisyui.com/images/stock/photo-1560717789-0ac7c58ac90a-blur.webp"
),
cls="diff-item-2"
),
Div(cls="diff-resizer"),
cls="diff aspect-[16/9]"
)Auto-import documentation coming soon...
DAISY
DAISY
Div(
Div(
Div('DAISY', cls='bg-primary text-primary-content grid place-content-center text-9xl font-black'),
cls='diff-item-1'
),
Div(
Div('DAISY', cls='bg-base-200 grid place-content-center text-9xl font-black'),
cls='diff-item-2'
),
Div(cls='diff-resizer'),
cls='diff aspect-[16/9]'
)Auto-import documentation coming soon...
Class Reference
| Class | Type | Description |
|---|---|---|
| diff | Component | Base container for diff comparison |
| diff-item-1 | Modifier | First comparison item |
| diff-item-2 | Modifier | Second comparison item |
| diff-resizer | Element | Handle for resizing comparison |
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
LLMs Context: Full Markdown | This Component