Frame
A container component for displaying content in a frame.
Billing
Manage your plan and payment details.
Pro plan
$20 per month
Installation
pnpm dlx shadcn@latest add @columbus/frameUsage
import {
Frame,
FrameDescription,
FrameFooter,
FrameHeader,
FramePanel,
FrameTitle,
} from "@/components/ui/frame";
<Frame>
<FrameHeader>
<FrameTitle>Title</FrameTitle>
<FrameDescription>Description</FrameDescription>
</FrameHeader>
<FramePanel>Content</FramePanel>
<FrameFooter>Footer</FrameFooter>
</Frame>;Multiple panels
Consecutive panels get a small gap between them.
Usage
This billing period.
Requests
12,480 of 50,000
Storage
2.1 GB of 10 GB
API reference
This is a custom component, not a Base UI wrapper. Each part accepts every
native attribute of the element it renders: FrameHeader renders a <header>,
FrameFooter a <footer>, and the rest a <div>.