Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA two-pane code or document workspace: a file list that collapses with a button or Ctrl+B and an editor that always keeps its minimum width.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this when the workspace has a navigator and a main working area, like an editor, a design tool or a docs workspace.
Do not use it when the sidebar is page navigation (use a sidebar component) or the two panes never need to change size.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Required | Description |
|---|---|---|---|
files | string[] | required | - |
renderEditor | (file: string) => React.ReactNode | required | Renders the editor for the open file. |
The pattern ships with a Testing Library test (splitter-file-explorer-editor.test.tsx) that covers opening files, the button, Ctrl/Cmd+B and restoring the previous width.