Skip to content
Paramanu v0.1.0-alpha.0

Spacer

Spacer creates space between elements. Without a size, it grows to fill available flex space. With a size, it adds a fixed gap.

Basic Usage

Left
Right
import { Spacer } from "@paramanu/primitives-react"


export default function App() {
return (
  <div style={{ display: "flex" }}>
    <div>Left</div>
    <Spacer />
    <div>Right</div>
  </div>
)
}
<div style="display: flex; border: 1px dashed #ccc; height: 50px; align-items: center;">
<div>Left</div>
<div class="pm-spacer" aria-hidden="true"></div>
<div>Right</div>
</div>