Group Gruppe - Docs - Artefact

Group Gruppe

Layout

Rein darstellend

Einführung

Eine Layout-Komponente zum visuellen Gruppieren zusammengehöriger Elemente.

Verwendung

import { Group } from "../components/ui";
import { Button } from "../components/ui/button";

export default function MyPage() {
  return (
    <Group attached>
      <Button>First</Button>
      <Button>Second</Button>
      <Button>Third</Button>
    </Group>
  );
}

CMS-Seitenbauer

Diese Komponente ist als group-Block im Seitenbauer (content/pages/*.json) verfügbar:

{
  "type": "group",
  "attached": true,
  "children": [
    { "type": "button", "text": "First" },
    { "type": "button", "text": "Second" }
  ]
}

Eigenschaften

Eigenschaft	Typ	Beschreibung
`children`	`any`	Innerhalb der Komponente zu rendernder Inhalt.
`class`	`string`	Benutzerdefinierte CSS-Klassen.