Skip to content
Paramanu v0.1.0-alpha.0

Simple Grid

Sgrid creates responsive grids using either a minimum child width (auto-fill) or a fixed number of columns.

Basic Usage

1
2
3
import { Sgrid } from "@paramanu/primitives-react"


export default function App() {
return (
  <Sgrid columns={3} gap="4">
    <div>1</div>
    <div>2</div>
    <div>3</div>
  </Sgrid>
)
}
<div class="pm-sgrid pm-sgrid--cols-3 pm-sgrid--gap-4">
<div style="background: #e2e8f0; padding: 16px;">1</div>
<div style="background: #e2e8f0; padding: 16px;">2</div>
<div style="background: #e2e8f0; padding: 16px;">3</div>
</div>