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-lib
Há 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>
)
}