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

[Table] Normalize type signatures and fix sub-pixel border

Abierto
#642 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
48/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
react, typescript

Línea de trabajo

Empieza en packages/raystack/raystack/components/table/ e inspecciona las firmas de tipo de TableHead, TableCell, TableBody y TableRow, especialmente su uso de CVA. Después, sigue cómo las celdas aplican text-overflow: ellipsis y revisa el comportamiento actual de accesibilidad del componente. Se considera terminado cuando los subcomponentes exponen una API coherente y el contenido truncado de las celdas cuenta con un mecanismo de desbordamiento accesible.

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

Descripción

component triage

Summary

Table is a custom semantic HTML table wrapper using CVA + CSS Modules. Missing displayName on all sub-components, accessibility attributes, and API completeness.

Improvements

6. Normalize type signatures across sub-components

TableHead and TableCell use CVA variants but TableBody and TableRow don't. Inconsistent API surface.

7. Handle text truncation accessibility

Cells use text-overflow: ellipsis which hides content with no tooltip or accessible overflow mechanism.

Moved to Cross-Cutting Issues

The following items have been moved to cross-cutting issues that address them across all components:

  • Replace hardcoded CSS values with design tokens (#672)
  • Accessibility baseline (#673)
  • Add displayName (#676)

Files

  • packages/raystack/raystack/components/table/
Lenguaje dominante
TypeScript
Estrellas
70
Forks
13
Merge medio
4 d 6 h
PR fusionados (30 d)
10

Guía de contribución

Abrir la guía de contribución

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 raystack/apsara

Todos los issues de raystack/apsara

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.