Skip to main content

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.

When to use​

  • When you want to remove all nested children from a component
  • When you want to remove the expand icon from a file that has no children

How to use​

  1. Right-click on a file with nested children in the File Nesting Explorer
  2. Select "Delete Nested Files / Remove Expand Icon"
  3. Confirm the deletion in the dialog
  4. The parent file collapses back to a single file with no children

Example​

Before:

Dashboard.tsx
  ├── Header.tsx
  ├── Content.tsx
  └── Footer.tsx

After running the command:

Dashboard.tsx     → No longer expandable
warning

This action is destructive and will delete all nested files.