palmetto components

Biblioteca de componentes Palmetto

Uma biblioteca de componentes do React para alimentar a interface do usuário Palmetto

Início rápido

1. Instale

yarn add @palmetto/palmetto-components

2. Importar CSS global

@ import '@palmetto/palmetto-components/dist/css/utilities.css' ; // Utility classes -- REQUIRED
@ import '@palmetto/palmetto-components/dist/css/variables.css' ; // CSS Variables -- REQUIRED
@ import '@palmetto/palmetto-components/dist/css/index.css' ; // Component CSS -- REQUIRED
@ import '@palmetto/palmetto-components/dist/css/fonts.css' ; // Included Font files -- OPTIONAL BUT ENCOURAGED

Recomendamos importar nossa redefinição global para manter uma aparência consistente de todos os componentes entre os aplicativos.

@ import '@palmetto/palmetto-components/dist/css/reset.css' // A Basic CSS Reset -- OPTIONAL BUT ENCOURAGED.

3. Uso

 import React from 'react' ;
import ReactDOM from 'react-dom' ;
import { Button } from '@palmetto/palmetto-components' ;

function App ( ) {
  return < Button > Hello World </ Button > ;
}

ReactDOM . render ( < App /> , document . querySelector ( '#app' ) ) ; 

Documentação

Veja documentos completos aqui

Contribuindo

Questões e PRs Bem -vindo! Veja aqui para o nosso guia de contribuição.

Levantando um problema

Ao levantar um problema:

• Verifique se o problema ainda não foi levantado.
• Emissão de tags de acordo com o seu melhor julgamento. Não crie novas tags. Se você sentir que é necessário um novo, levante -o em seu problema.
• Se o seu problema for um bug, inclua capturas de tela ou GIFs animados em seu problema sempre que necessário (se o problema for de natureza visual).
• Se o seu problema for um bug, inclua etapas para reproduzir ou link para um problema reproduzível, por exemplo: Code Sandbox ou similar. Forneça também quaisquer detalhes adicionais, incluindo dispositivo, sistema operacional, navegador, versão do navegador etc.

Questões podem ser levantadas aqui.

Licença

Este projeto está licenciado nos termos da licença do MIT.