Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA muted frame that holds one or more panels with a header and footer, with nested corners that stay concentric.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
import {
Frame,
FrameDescription,
FrameFooter,
FrameHeader,
FramePanel,
FrameTitle,
} from "@/components/ui/frame"<Frame>
<FrameHeader>
<FrameTitle>Billing</FrameTitle>
<FrameDescription>Plan details</FrameDescription>
</FrameHeader>
<FramePanel>Content</FramePanel>
<FrameFooter>Footer note</FrameFooter>
</Frame>Frame takes variant (default, inverse, ghost), spacing (xs to lg), stacked and dense. Panels inherit the frame's corner radius, so the outer and inner corners stay parallel.
| Export | Description |
|---|---|
Frame | A part of the component; compose it with the others as shown in the usage example. |
FramePanel | A part of the component; compose it with the others as shown in the usage example. |
FrameHeader | A part of the component; compose it with the others as shown in the usage example. |
FrameTitle | A part of the component; compose it with the others as shown in the usage example. |
FrameDescription | A part of the component; compose it with the others as shown in the usage example. |
FrameFooter | A part of the component; compose it with the others as shown in the usage example. |
frameVariants | A part of the component; compose it with the others as shown in the usage example. |
FrameHeader and FrameFooter render header and footer elements, so inside a landmark they do not create new landmarks. Use a real heading element inside a panel when it starts a section.
Based on ReUI (MIT), adapted for tealmac UI. See the third-party notices.