Juguetear/juguetear-web

[Feat] Crear componente spinner

Closed this issue · 2 comments

nykka commented

¿Qué te gustaría agregar a este proyecto?

Crear el componente Spinner, su story y su test unitario

Descripción detallada.

Estructura:

El componente tiene que ubicarse en la carpeta componentes dentro de una carpeta propia en donde se van a crear los archivos necesarios:

  • Componente
  • Story: Tiene que mostrar como se ve el componente con cada uno de los estados
  • Test: Debe testear que el componente se renderice y que muestre sus diferentes estados

Comportamiento esperado:

Necesitamos un componente spinner con una animación spin (https://tailwindcss.com/docs/animation#spin). No hay ningun diseño disponible, por lo que el componente puede ser 100% css o un svg (inline).

Accesibilidad:

El componente tiene que tener un nombre accesible (https://tailwindcss.com/docs/screen-readers#screen-reader-only-elements) que diga "cargando" o "guardando".

Story:

Crear un archivo .story para Storybook
https://storybook.js.org/docs/react/writing-stories/introduction

Test:

Crear un test para el componente
https://storybook.js.org/docs/react/writing-tests/introduction

Código de conducta y licencia.

  • He comprobado que la feature solicitada no fue solicitada previamente.
  • Estoy de acuerdo con seguir el código de conducta de este proyecto.
  • Estoy de acuerdo con seguir las licencias de este proyecto.

Me gustaría tomar este issue

@DamianPalavecino asignado! 🚀