Juguetear / juguetear-web

Web del proyecto de préstamo de juguetes adaptados, desarrollado desde el Taller de ayudas técnicas de APRILP.
https://juguetear-web.vercel.app/
GNU General Public License v3.0
61 stars 27 forks source link

[Feat] Crear componente spinner #307

Closed nykka closed 1 year ago

nykka commented 1 year ago

¿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:

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.

DamianPalavecino commented 1 year ago

Me gustaría tomar este issue

TonyMckes commented 1 year ago

@DamianPalavecino asignado! :rocket: