GitHub

container

Max-width wrapper with horizontal padding. The four size presets cover the most common layout widths.

Content constrained to 768px

container({ size: 'md', content: `
  ${hero({ title: 'Hello' })}
  ${grid({ cols: 3, content: features })}
` })
PropTypeDefault
contentstring (HTML)Raw HTML slot
sizestring'lg''sm' (640px) · 'md' (768px) · 'lg' (1100px) · 'xl' (1280px)