The Spacer component is a flexible flex spacer that expands along the major axis of its containing flex layout. It renders a div by default, and takes up any available space.

Usage with <div />

<div className="flex w-150">
  <div className="bg-primary-800 size-16" />
  <Spacer />
  <div className="bg-primary-800 size-16" />
</div>

API Reference

Spacer
PropTypeDefaultRequired
asJSX.IntrinsicElements--