TMS Box
TMSBox renders a responsive square for compact content, title tiles, or linked navigation. Use it when the container shape is part of the presentation.
Usage
Strategic rectangle behavior.
html
<TMSBox
type="content"
link="">
Strategic rectangle behavior.
</TMSBox>Props
| Prop | Type | Default | Notes |
|---|---|---|---|
type | 'content' | 'title' | 'content' | Controls the slot typography treatment. |
link | string | '' | Renders the box as a link when populated. |
Slots
| Slot | Notes |
|---|---|
default | Box content. |
Variables
| Variable | Purpose |
|---|---|
--tms-box-padding | Base padding hook for box variants that use the root box padding. |