UIPKGE/blocks/before-after-side-by-side

Before & After — Side by Side · UIPKGE

Two labelled panels set side by side at equal height with a shared annotation row beneath, for comparisons a slider would make harder rather than clearer.

npx shadcn@latest add https://uipkge.dev/r/react/before-after-side-by-side.json

Loading the source for before-after-side-by-side…

before-after-side-by-side

Registry Items

before-after-side-by-side

Configuration

Name

before-after-side-by-side

Type

Block

Description

Two labelled panels set side by side at equal height with a shared annotation row beneath, for comparisons a slider would make harder rather than clearer.

Files · 1

Dependencies

Registry items

https://uipkge.dev/r/react/badge.json

https://uipkge.dev/r/react/button.json

https://uipkge.dev/r/react/card.json

https://uipkge.dev/r/react/separator.json