Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/box.json
Usage
import { Box } from "@/components/ui/box";<Box border borderVariant="focus" padding={1}>
<Text>Focused container</Text>
</Box>API Reference
Box
| Prop | Type | Default |
|---|---|---|
border | boolean | undefined |
borderVariant | "default" | "muted" | "focus" | "success" | "error" | "warning" | "default" |
borderColor | string | undefined |
children | ReactNode | undefined |
...props | InkBoxProps | — |