SimpleGrid

Grid layout with equal-width columns. cols accepts a fixed number or a responsive object with breakpoint keys (base, sm, md, lg, xl). Uses scoped <style> tags for breakpoint CSS — no Tailwind utilities needed.

Usage

import { SimpleGrid } from "nosible-ux"

export default function Example() {
  return (
    <SimpleGrid cols={3} spacing="md">
      <div>Signal A</div>
      <div>Signal B</div>
      <div>Signal C</div>
    </SimpleGrid>
  )
}

Examples

Responsive columns

Props