@lideralia/alife-uikit
v1.2.96
Published
Librería y documentación de componentes, basada en el Design System de Alife.
Downloads
1,144
Keywords
Readme
Librería y documentación de componentes, basada en el Design System de Alife.
Tech stack
📚 Storybook para el desarrollo de componentes UI, documentar y auto generar un explorador.
💅 Styled-components para el desarrollo del diseño basado en Styled-system para el control de los estilos globales del Design System de Alife
⚛️ Componentes declarativos en React.
🏠 Homepage
✨ Demo
🤝 Guía de contribución
🤝 Proceso de creación
¡Antes de nada!
- node >=8
- npm >=5
- yarn
Instala las dependencias
yarn install
Explora los componentes
yarn storybook
Usa un componente en tu aplicación
import { Button } from 'alife/uikit'
<Button>Hi!</Button>
Construye iconos en la librería
Antes de publicar una nueva versión de la librería y cada vez que un nuevo icono sea añadido, deberemos seguir estos pasos:
Guarda en nuevo .svg en src/assets/icons
Lanza el comando
yarn generate-icons
Importa y exporta por el nombre del icono en src/atoms/Icons/index.js
Lanza los test
yarn test
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Construye la librería estática
yarn build
Lista de navegadores soportados
- Chrome: 75
- iOS Safari: 12
- Safari: 11
- Samsung Internet: 9.2
- Edge: 17
- Firefox: 68
Contributors
👤 Judit Sánchez
- Github: @JodieHag
yarn eject
Note: this is a one-way operation. Once you eject
, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject
at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject
will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
You don’t have to ever use eject
. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
Learn More
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
Code Splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
Analyzing the Bundle Size
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
Making a Progressive Web App
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
Advanced Configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration