Box

A container component for content organization

<hf-box>Primary content</hf-box> <hf-box ord="secondary">Secondary content</hf-box> <p>Content outside a Box is considered neutral</p>

Primary content Secondary content

Content outside a Box is considered neutral

Notes

The box component provides a visual container for content with different ordinal variations.

• Use without ord for primary content
• Use ord="secondary" for less prominent content
• Content outside a Box is considered neutral