---
title: Grid 宫格
description: 用于功能入口布局，将页面或特定区域切分成若干等大的区块，形成若干功能入口。
spline: base
isComponent: true
toc: false
---

### 基础宫格

`grid` 需要 `grid-item` 配合使用，通过 `text` 属性可设置组件子项的文本或标题 <br/>
 通过 `image` 属性可设置子项图片，既可以传入图片地址，也可以自定义图片节点
{{ base }}

### 带说明宫格

通过 `description` 属性可设置组件子项文本描述，辅助信息等<br/>
通过 `layout` 属性可设置子项文本内容布局方式，支持`vertical`、`horizontal`，默认 `vertical`

{{ desc }}

### 带徽标宫格

通过 `badge-props` 属性可在子项透传 `Badge` 组件特效，如：小红点，数字等

{{ badge }}
