@furg/layout-react-lib
v1.0.10
Published
Grupo de componentes auxiliares para criação de recursos web
Downloads
16
Readme
Getting Started
Este pacote oferece um grupo de componentes frequentemente utilizados no processo de desenvolvimento de webapps.
Tabela de conteúdos
Instalação
Para começar, instale os pacotes @furg/layout-react-lib em seu projeto React usando seu gerenciador de pacotes preferido.
npm install --save @furg/layout-react-libHá uma dependência do bootstrap V4, porém este não é adicionado diretamente no projeto, dando a liberdade de utilização de cdn´s ou inclusão do pacote do bootstrap via npm ou yarn.
Ex. HTML:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
/.../
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>Exemplos
import React from 'react'
import { Card, LayoutPage, Page } from '@furg/layout-react-lib'
export const App = () => {
return (
<LayoutPage>
<Page title='Texto' subtitle='Subtitulo'>
<Card>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Qui, minus quidem quas dolorem minima perspiciatis.
Praesentium neque molestias quaerat dignissimos debitis, nam
numquam provident delectus repellat eius earum aperiam
harum!
</Card>
</Page>
</LayoutPage>
)
}