Group Grupo - Docs - Artefact

Group Grupo

Layout

Apresentacional

Introdução

Um componente de layout para agrupar elementos relacionados visualmente.

Uso

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>
  );
}

Construtor de páginas CMS

Este componente está disponível como um bloco group no Construtor de páginas (content/pages/*.json):

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

Propriedades

Prop	Tipo	Descrição
`children`	`any`	Conteúdo a ser renderizado dentro do componente.
`class`	`string`	Classes CSS personalizadas.