@edgvi10/nextbs-components

Componentes React com Bootstrap para Next.js

Instalação

npm install @edgvi10/nextbs-components

Pré-requisitos

Este pacote requer as seguintes dependências em seu projeto:

• React >= 16.8.0
• React DOM >= 16.8.0
• Bootstrap CSS (para os estilos)

Uso

ButtonComponent

import { ButtonComponent } from '@edgvi10/nextbs-components';

function App() {
  return (
    <ButtonComponent 
      label="Clique aqui" 
      color="primary" 
      size="lg"
      leftIcon="fas fa-check"
    />
  );
}

Props do ButtonComponent

• label: Texto do botão
• color: Cor do botão (primary, secondary, success, danger, etc.)
• size: Tamanho do botão (sm, lg)
• leftIcon: Ícone à esquerda (classe CSS)
• rightIcon: Ícone à direita (classe CSS)
• rounded: Botão com bordas arredondadas
• block: Botão em largura total
• loading: Estado de carregamento
• className: Classes CSS adicionais

CardComponent

import { CardComponent } from '@edgvi10/nextbs-components';

function App() {
  return (
    <CardComponent color="primary" rounded>
      <div className="card-body">
        <h5 className="card-title">Título do Card</h5>
        <p className="card-text">Conteúdo do card</p>
      </div>
    </CardComponent>
  );
}

Props do CardComponent

• color: Cor de fundo do card
• rounded: Bordas mais arredondadas
• size: Tamanho do card (sm, lg)
• className: Classes CSS adicionais

Licença

ISC