16aaf55a91
- Updated content collections to include new schemas for better document handling. - Added new documentation files for comparisons, customization, and internationalization. - Introduced a manual installation guide and improved markdown support. - Updated package.json with new dependencies for enhanced functionality. - Added new images for documentation and improved layout components for better user experience. - Adjusted TypeScript configurations for better path management.
36 lines
696 B
Plaintext
36 lines
696 B
Plaintext
---
|
|
title: Files
|
|
description: Display file structure in your documentation
|
|
preview: 'files'
|
|
---
|
|
|
|
## Usage
|
|
|
|
Wrap file components in `Files`.
|
|
|
|
```mdx
|
|
import { File, Folder, Files } from 'fumadocs-ui/components/files';
|
|
|
|
<Files>
|
|
<Folder name="app" defaultOpen>
|
|
<File name="layout.tsx" />
|
|
<File name="page.tsx" />
|
|
<File name="global.css" />
|
|
</Folder>
|
|
<Folder name="components">
|
|
<File name="button.tsx" />
|
|
<File name="tabs.tsx" />
|
|
<File name="dialog.tsx" />
|
|
</Folder>
|
|
<File name="package.json" />
|
|
</Files>
|
|
```
|
|
|
|
### File
|
|
|
|
<AutoTypeTable path="./content/docs/props.ts" name="FileProps" />
|
|
|
|
### Folder
|
|
|
|
<AutoTypeTable path="./content/docs/props.ts" name="FolderProps" />
|