mates-grid docs

mates-grid

Theming & Layout

The grid follows mates themeAtom (light / dark / auto). Per-instance density, RTL, high contrast, and --mg-* token overrides live on grid.config.

Density, RTL, high contrast

Use the site theme toggle in the top bar as well. These buttons only change this grid's config atom.

grid.config.update((c) => ({
  ...c,
  density: "compact",
  enableRtl: true,
  highContrast: true,
  darkMode: "inherit",
}));

// CSS tokens
.mg-root { --mg-accent: #f59e0b; }