Lar-core-react NPM

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

NPM

É 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 typescript

Importar bliblioteca lar-core-react

npm i lar-core-react | yarn add lar-core-react

Iniciar aplicação

npm run start | yarn start

Importação

import { <component> } from 'lar-react-core'

BrandBook

prop	value	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`