Details 折叠内容组件使用指南

本文介绍如何在博客中使用 Details 组件创建可折叠的内容。

基础用法

点击展开查看更多

这里是隐藏的内容。点击标题可以展开或收起这段内容。

可以包含任意内容：

这是默认展开的内容

通过设置 open 属性为 true，可以让内容默认展开。

用户仍然可以点击标题来收起内容。

常见问题

问题1：如何安装？

运行以下命令：

bun install

问题2：如何使用？

在 MDX 文件中导入组件即可使用。

import { Details } from '@/components/mdx';

<Details title="点击展开">
  这里是折叠的内容...
</Details>

<Details title="默认展开" open>
  这是默认展开的内容...
</Details>

参数	类型	默认值	说明
title	string	必填	折叠块标题
open	boolean	false	是否默认展开