Diff

Diff component shows a side-by-side comparison of two items.

Supported on
105+
110+
16+
NOT SUPPORTED
Class name
Type
diffComponent Container element
diff-item-1Component First item
diff-item-2Component Second item
diff-resizerComponent The resizer control
# Diff
daisy
daisy
# Diff text
DAISY
DAISY
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
daisyUI store

Official daisyUI
Figma Library

Available on daisyUI store

More details