ns-ui
A container with real box-drawing chrome — an inline title breaking the top rule, upgrading to a double-line border character by character on hover or focus.
Use when a panel whose border must be real box-drawing characters tiled to a whole character count, upgrading to double-line rules character by character on hover or focus, so the chrome lives in the same monospace grid as its content; pick surface-glass instead when the container should be a material surface rather than terminal chrome, or tree-box-drawing when the glyphs are drawing a hierarchy rather than a frame.
Install
npx shadcn add https://design.helpmarq.comns-ui / container-box-drawing
Hover or focus this panel, the border upgrades to a double rule, sweeping from the top-left corner around the perimeter.
| Prop | Type | Default | Description |
|---|---|---|---|
| title? | string | — | sits inline in the top rule, like a fieldset legend |
| children? | React.ReactNode | — | — |
| className? | string | — | — |