Felipeex / designer-system

🎨 Designer system (Components, colors, etc.)

Começar agora

npm install @fivem-shop/react

Usar um componente

Aqui está um simples exemplo de uso basico do button componente.

import { Button } from '@fivem-shop/react';

function App() {
  return <Button mode="primary">Hello World</Button>;
}

Customizar CSS com stitches

<Button
  ...
  css={{
    textDecoration: "none",
  }},
>
    Criar conta
</Button>

Customizar CSS

<Button
  ...
  style={{background: "red"}}
>
    Criar conta
</Button>

Usando asChild (Criando Link)

<Button
  ...
  css={{
    textDecoration: "none",
  }},
  asChild
>
  <a href="#">
    Criar conta
  </a>
</Button>