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).
¿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.