Este desafío consiste en crear un componente de botón reutilizable en React con diferentes tipos, tamaños, colores y opciones de icono, y una página para mostrar todos estos estados y permitir al usuario probar las opciones disponibles.
Home Page: https://button-component-silk.vercel.app
Desafío: Crea un botón reutilizable con todos los estados en el diseño y una página que muestre todos los estados. Puedes trabajar en el mismo proyecto con otros desafíos del sistema de diseño. Utiliza librerías de front-end como React o Vue. No mires la solución existente. Cumple con las historias de usuario a continuación:
Historia de usuario: Puedo ver diferentes tipos de botones: predeterminado, contorno y texto
Historia de usuario: Puedo elegir deshabilitar el sombreado de caja
Historia de usuario: Puedo elegir deshabilitar el botón
Historia de usuario: Puedo elegir tener un icono a la izquierda o derecha (usa el icono de Google y al menos 5 variantes)
Historia de usuario: Puedo tener diferentes tamaños de botón
Historia de usuario: Puedo tener diferentes colores
Historia de usuario: Cuando paso el ratón o enfoco, puedo ver indicadores visuales
Historia de usuario: Todavía puedo acceder a todos los atributos del botón
Historia de usuario (opcional): Muestra el botón de una manera similar al diseño o usa Storybook. De lo contrario, mostrar el botón en varios estados es suficiente.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
