Introducción

Un componente de layout para agrupar visualmente elementos relacionados.

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

Constructor de páginas CMS

Este componente está disponible como un bloque group en el Constructor de páginas (content/pages/*.json):

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

Propiedades

| orientation | `"horizontal" \ | "vertical"` | La orientación del grupo. |

| attached | boolean | Si se deben adjuntar los hijos entre sí. | | grow | boolean | Si los hijos deben crecer para llenar el espacio disponible. |