📄️ New Nested File
Create a new nested file inside the parent component.
📄️ Create Nested File From Selection
Highlight a component name in the editor and instantly turn it into a nested file under the current parent. Perfect for extracting pieces of JSX without leaving the file you're editing.
📄️ New Nested Folder
Add a folder inside the parent file so you can group related pieces such as hooks, utilities, or sub-components without leaving the component tree.
📄️ Enable Nested Files
Turn on the expand icon for any file so you can start adding children whenever you're ready. The file instantly behaves like a container with space for nested components.
📄️ Delete Nested Files / Remove Expand Icon
Clean up a parent file by removing every nested child beneath it. The parent returns to a single file with no expand icon.
📄️ Move Up and Down
Reorder files and folders inside the parent so the visual order matches the way your UI renders and how you want to talk about the UI.
📄️ Restore Sorting Alphabetically
Reset a folder back to the default alphabetical order whenever you no longer need a custom arrangement.