Layout / COMPONENT

Grid

Web · implementedDesktop · preview

Sistem layout berbasis baris dan kolom responsif.

import { Grid } from "./vendor/syne-ui/index.js";TypeScript ready

Components

Themes

Projects

Members

Activity

Settings

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX

import { Grid } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <Grid columns={3} gap="md"><div>One</div><div>Two</div><div>Three</div></Grid>
  );
}

Make it yours

Use className and --syne-* tokens to match your design system.