Collapsible
折叠面板组件，用于展开/收起内容区域。
不同形态
多种触发器和内容区域的样式变体
卡片式折叠
简洁式折叠
• Option 1: Enable dark mode
• Option 2: Show notifications
• Option 3: Auto-save drafts
强调色样式
深色主题样式
FAQ 样式
常见问题解答的折叠面板样式
Zine Mark is a design system inspired by independent magazines, street art, and creative sketchbooks. It features hand-drawn aesthetics, asymmetric corners, and solid shadows that create a unique, artistic feel.
文件树/菜单样式
用于导航菜单或文件浏览器
Project Files
代码块折叠
用于展示可折叠的代码示例
example.tsx
设置面板
分组设置选项的折叠面板
Advanced Options
Basic Settings
订单/详情展开
用于列表项的详情展开
Order #12345
2024-01-15
Completed
Order #12346
2024-01-18
Shipping
状态展示
折叠面板的基本状态
收起状态
展开状态
This is the expanded content area