open-index/open-npm huggingface dataset:
npm package: @heraldoandrade/components
Description: Biblioteca de componentes React.
Latest version: 1.0.29

# @heraldoandrade/components

Biblioteca de componentes React.

---

## Instalação

Para utilizar os componentes da biblioteca em seu projeto Next.js, siga os passos abaixo:

### 1. Instale o pacote de componentes

```bash
npm install @heraldoandrade/components
```

### 2. Instale o pacote de estilos

Este pacote depende do pacote `@heraldoandrade/styles` para aplicar os estilos corretos.

```bash
npm install @heraldoandrade/styles
```

Você pode conferir o pacote de estilos aqui: [@heraldoandrade/styles](https://www.npmjs.com/package/@heraldoandrade/styles)

### 3. Importe os estilos no seu projeto Next.js

Para garantir que os estilos sejam aplicados corretamente, importe o pacote `@heraldoandrade/styles` no arquivo `layout.tsx` do seu projeto Next.js (dentro da pasta `app`):

```tsx
// app/layout.tsx

import '@heraldoandrade/styles';

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="pt-BR">
      <body>{children}</body>
    </html>
  );
}
```

---

## Uso

Agora você pode importar e utilizar os componentes normalmente em suas páginas ou outros componentes:

```tsx
import { Button } from '@heraldoandrade/components';

export default function Home() {
  return <Button />;
}
```

---