Group 分组 - Docs - Artefact

Group 分组

Layout

展示型

简介

一个用于以视觉方式对相关元素进行分组的布局组件。

用法

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 页面构建器

该组件在页面构建器（content/pages/*.json）中作为 group 区块提供：

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

属性

属性	类型	说明
`children`	`any`	组件内部要渲染的内容。
`class`	`string`	自定义 CSS 类名。