> ## Documentation Index > Fetch the complete documentation index at: https://mintlify-docs-automation-github-pr-review.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # 磁贴 > 使用 tiles 组件在响应式网格布局中展示带有图片缩略图、标题和描述的视觉预览。 使用磁贴来创建带有图案背景、标题和说明的视觉展示元素。磁贴非常适合在网格布局中展示组件预览、功能亮点或导航项。 折叠面板组件预览 折叠面板组件预览（深色模式） ```mdx Tile example theme={null} 折叠面板组件预览 折叠面板组件预览(深色模式) ```
## 网格布局
将卡片与 [Columns 组件](/zh/components/columns) 组合使用，以创建响应式预览网格。 Accordion 组件预览 Accordion 组件预览（深色模式） Accordion 组件预览 Accordion 组件预览（深色模式） Accordion 组件预览 Accordion 组件预览（深色模式） ```mdx Grid layout example theme={null} 折叠面板组件预览 折叠面板组件预览（深色模式） 折叠面板组件预览 折叠面板组件预览（深色模式） 折叠面板组件预览 折叠面板组件预览（深色模式） ```
## 属性
点击卡片时要跳转到的 URL。 显示在卡片预览下方的标题。 显示在标题下方的简短说明。 显示在卡片预览区域的内容，通常为图片或 SVG 图像。