Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Feature: support custom folder icons in file-tree

Abierto
#1,069 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
47/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
typescript
Área
frontend

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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
Lenguaje dominante
TypeScript
Estrellas
6.2k
Forks
226
Merge medio
1 d 11 h
PR fusionados (30 d)
30

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de pierrecomputer/pierre

Todos los issues de pierrecomputer/pierre

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.