Lopes UI é uma biblioteca de componentes React acessíveis e testados baseados no Lopes Design System, idealizado pelo desenvolvedor criativo Marcello Lopes .

• Lopes Design System contempla componentes acessíveis utilizando primitives do Radix UI e estilizados com Stitches

Instalação

React

Lopes UI está disponível como um pacote npm.

npm:

npm install @lopes-ui/react

yarn:

yarn add @lopes-ui/react

Começando com o Lopes UI

Aqui está um exemplo básico de como utilizar um componente básico React Lopes UI

import * as React from "react";
import Button from "@lopes-ui/react";
function App() {
  return <Button color="secondary">Hello World</Button>;
}

In the interactive demo below, try changing the code and see how it affects the output. (Hint: change variant to "outlined" and color to "secondary". For more options, see the Button component page in our docs.)

Documentation

• Lopes UI