Introduction

Un composant de mise en page pour regrouper visuellement les éléments associés.

Utilisation

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

Constructeur de pages CMS

Ce composant est disponible sous forme de bloc group dans Page Builder (content/pages/*.json) :

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

Propriétés

Propriété	Type	Description
children	any	Contenu à restituer à l'intérieur du composant.
class	string	Classes CSS personnalisées.

| orientation | `"horizontal" \ | "verticale"` | The orientation of the group. |

| attached | boolean | S'il faut attacher les enfants ensemble. | | grow | boolean | Si les enfants doivent grandir pour occuper l'espace disponible. |