Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Feature: support custom folder icons in file-tree

Aperta
#1,069 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
47/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Start by locating the file-tree implementation and reading how custom file icons are currently supported. Then trace how folder names and open/closed state are represented in the tree. Done means users can provide custom folder icons, including name-specific and open/closed variants.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement
Prerequisites
Proposal

The ability to have custom folder icons the same way we can modify file icons in the file-tree. Including the ability to have custom folder icons based on folder names, as well as state between "open" and "closed" folders since some icon packs support different designs based on such.

Motivation and context

Many projects of mine which have used the file tree have custom file icons, and I've found that the default chevron style folder/directory doesn't match the style and design of the file tree very well at all.

To provide an example:

Image

I'm using material icons here, and it would look great if the chevrons were indevidual folder icons instead.

Here's an example if it did: (from better-hub.com)

Image
Lingua principale
TypeScript
Stelle
6.2k
Fork
226
Merge medio
1g 12h
PR unite (30g)
34

Preparare l'ambiente

Questo progetto non fornisce container di sviluppo, Dockerfile né guida per i contributori, quindi l'ambiente è a tuo carico: parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di pierrecomputer/pierre

Tutte le issue di pierrecomputer/pierre

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.