1.0.9 • Published 3 years ago
lar-react-core v1.0.9
lar-react-core
Biblioteca Core desenvolvida em React usando a linguagem TypeScript para uso esclusivo da Lar Cooperativa Agroindustrial.
Obs: Está biblioteca contém componentes e estilos baseados no CoreUI
É necessário ter o Node.JS instalado na maquina local
Nova aplicação React JS - JavaScript
npx create-react-app <nome_projeto>Nova aplicação React JS - TypeScript
npx create-react-app <nome_projeto> --template typescriptImportar bliblioteca lar-react-core
npm i lar-react-core | yarn add lar-react-coreIniciar aplicação
npm run start | yarn startImportação
import <component> from 'lar-react-core'BrandBook
| prop | value | color | rgb | Hex |
|---|---|---|---|---|
| color | lar-cooperativa-primary-1 | rgb(61, 57, 53) | #3d3935 | |
| - | lar-cooperativa-primary-2 | rgb(239, 51, 64) | #ef3340 | |
| - | lar-cooperativa-secondary-1 | rgb(138, 27, 97) | #8a1b61 | |
| - | lar-cooperativa-secondary-2 | rgb(224, 62, 82) | #e03e52 | |
| - | lar-cooperativa-secondary-3 | rgb(255, 127, 65) | #ff7f41 | |
| - | lar-cooperativa-secondary-4 | rgb(236, 161, 87) | #eca157 | |
| - | lar-cooperativa-secondary-5 | rgb(247, 234, 72) | #f7ea48 | |
| - | lar-cooperativa-secondary-6 | rgb(219, 228, 66) | #dbe442 | |
| - | lar-cooperativa-secondary-7 | rgb(108, 194, 74) | #6cc24a | |
| - | lar-cooperativa-secondary-8 | rgb(58, 145, 63) | #3a913f | |
| - | lar-cooperativa-secondary-9 | rgb(0, 89, 76) | #00594c | |
| - | lar-agro-primary-1 | rgb(0, 89, 76) | #00594c | |
| - | lar-agro-primary-2 | rgb(108, 194, 74) | #6cc24a | |
| - | lar-agro-secondary-1 | rgb(58, 145, 63) | #3a913f | |
| - | lar-agro-secondary-1 | rgb(219, 228, 66) | #dbe442 | |
| - | lar-agro-secondary-2 | rgb(236, 161, 84) | #eca154 | |
| - | lar-agro-secondary-3 | rgb(255, 181, 0) | #ffb500 | |
| - | lar-agro-secondary-4 | rgb(247, 234, 72) | #f7ea48 | |
| - | lar-agro-secondary-5 | rgb(224, 62, 82) | #e03e52 | |
| - | lar-foods-primary-1 | rgb(255, 181, 0) | #ffb500 | |
| - | lar-foods-primary-2 | rgb(228, 0, 70) | #e40046 | |
| - | lar-foods-secondary-1 | rgb(138, 27, 97) | #8a1b61 | |
| - | lar-foods-secondary-2 | rgb(225, 127, 65) | #e17f06 | |
| - | lar-foods-secondary-3 | rgb(236, 161, 84) | #eca154 | |
| - | lar-foods-secondary-4 | rgb(247, 234, 72) | #f7ea48 | |
| - | lar-supermercados-primary-1 | rgb(71, 10, 104) | #470a68 | |
| - | lar-supermercados-primary-2 | rgb(228, 0, 70) | #e40046 | |
| - | lar-supermercados-secondary-1 | rgb(138, 27, 97) | #8a1b61 | |
| - | lar-supermercados-secondary-2 | rgb(255, 127, 65) | #e17f06 | |
| - | lar-supermercados-secondary-3 | rgb(226, 161, 84) | #eca154 | |
| - | lar-supermercados-secondary-4 | rgb(225, 181, 0) | #ffb500 | |
| - | lar-supermercados-secondary-5 | rgb(247, 234, 72) | #f7ea48 | |
| - | lar-supermercados-secondary-6 | rgb(219, 228, 66) | #dbe442 | |
| - | lar-supermercados-secondary-7 | rgb(108, 194, 74) | #6cc24a | |
| - | lar-supermercados-secondary-8 | rgb(58, 145, 63) | #3a913f | |
| - | lar-supermercados-secondary-9 | rgb(0, 89, 76) | #00594c | |
| - | lar-supermercados-secondary-10 | rgb(0, 62, 165) | #003ea5 | |
| - | lar-supermercados-secondary-11 | rgb(0, 114, 206) | #0072ce | |
| - | lar-supermercados-secondary-12 | rgb(65, 143, 222) | #418fde | |
| - | lar-supermercados-secondary-13 | rgb(155, 203, 235) | #9bcbeb | |
| - | lar-postos-primary-1 | rgb(0, 61, 165) | #003da5 | |
| - | lar-postos-primary-2 | rgb(155, 203, 235) | #9bcbeb | |
| - | lar-postos-secondary-1 | rgb(0, 114, 206) | #0072ce | |
| - | lar-postos-secondary-2 | rgb(65, 143, 222) | #418fde | |
| - | lar-postos-secondary-3 | rgb(138, 27, 97) | #8a1b61 | |
| - | lar-postos-secondary-4 | rgb(238, 51, 64) | #ee3340 |