Package Exports

@nextime-ui/preline
@nextime-ui/preline/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@nextime-ui/preline) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Nextime UI / Preline

Nextime UI é uma biblioteca de componentes para React, baseada no Preline UI. Seu objetivo é transformar os elementos nativos do Preline em componentes React reutilizáveis, com suporte total ao TypeScript, oferecendo maior produtividade e consistência nos projetos.

version

📝 Instalação

Você pode instalar a biblioteca Nextime UI no seu projeto executando o seguinte comando no diretório raiz do seu projeto:

npm add @nextime-ui/preline

📖 Como Usar

Veja como utilizar o componente Button:

import { Button } from '@nextime-ui/preline';

function App() {
  return (
    <div>
      <Button variant="solid" color="blue">
        Solid Button
      </Button>
      <Button variant="outline" size="large" color="red">
        Outline Large Button
      </Button>
      <Button isLoading>Loading Button</Button>
    </div>
  );
}

Propriedades do Componente `Button`

Propriedade	Tipo	Padrão	Descrição
`variant`	`'solid'	'outline'	'ghost'
`size`	`'small'	'default'	'large'`
`color`	`'blue'	'gray'	'teal'
`isLoading`	`boolean`	`false`	Exibe um spinner de carregamento no botão.
`children`	`React.ReactNode`	-	O conteúdo do botão.
`...props`	`React.ButtonHTMLAttributes<HTMLButtonElement>`	-	Permite passar atributos nativos do elemento `<button>`.

Variantes Disponíveis

solid: Botão com fundo sólido.
outline: Botão com borda e texto coloridos.
ghost: Botão com texto colorido e fundo transparente.
soft: Botão com fundo suave.
white: Botão com fundo branco.
link: Botão estilo link.

Tamanhos Disponíveis

small
default
large

📚 Documentação Completa

Acesse a documentação completa no Storybook: Nextime UI Docs.

🌟 Contribuição

Nextime UI é um projeto open source e toda contribuição é bem-vinda! Se você encontrou um problema, tem uma ideia para melhoria ou deseja adicionar novos recursos, sinta-se à vontade para abrir um issue ou enviar um pull request.

Leia nosso Guia de Contribuição para mais informações sobre como contribuir.

📂 Repositório

Encontre o código-fonte no GitHub: Nextime UI / Preline

📬 Contato

Autor: Pedro Duarte - NeXTIME