Radix
Animated
A 2nd-order composition of Drawer + Avatar. Provides a standard detail panel pattern with avatar, title, subtitle, badge, scrollable content area, and optional footer.
User detail
import { DetailDrawer } from '@primstack/ui/detail-drawer'
<DetailDrawer
open={open}
onOpenChange={setOpen}
avatarSrc="/user.jpg"
title="Jane Doe"
subtitle="[email protected]"
>
<p>User details here</p>
</DetailDrawer>User details
import { DetailDrawer } from '@primstack/ui'
<DetailDrawer
title="User Details"
open={open}
onOpenChange={setOpen}
>
<DataList items={userData} />
</DetailDrawer>