A component for displaying file and folder structures in MDX documents.
FileTree
import { File, FileTree, Folder } from '@lobehub/ui/mdx';A component for displaying file and folder structures in MDX documents.
import { File, FileTree, Folder } from '@lobehub/ui/mdx';| Property | Description | Type | Default |
|---|---|---|---|
| children | File and Folder components to display | ReactNode | - |
| className | Additional CSS class | string | - |
| style | Additional styles | CSSProperties | - |
| Property | Description | Type | Default |
|---|---|---|---|
| name | Name of the file | string | - |
| icon | Custom icon to display | IconProps['icon'] | FileIcon |
| className | Additional CSS class | string | - |
| style | Additional styles | CSSProperties | - |
| Property | Description | Type | Default |
|---|---|---|---|
| name | Name of the folder | string | - |
| defaultOpen | Whether the folder is open initially | boolean | false |
| icon | Custom icon to display | IconProps['icon'] | FolderIcon |
| children | Nested files and folders | ReactNode | - |
| className | Additional CSS class | string | - |
| style | Additional styles | CSSProperties | - |