https://github.com/evandrocalado/strata-ui

Strata UI é uma biblioteca de componentes construída com React e Tailwindcss, projetada para oferecer uma experiência de desenvolvimento rápida, moderna e leve.
https://github.com/evandrocalado/strata-ui

eslint husky lintstaged prettier react-testing-library reactjs storybook tailwindcss typescipt vitest

Last synced: 19 days ago
JSON representation

Strata UI é uma biblioteca de componentes construída com React e Tailwindcss, projetada para oferecer uma experiência de desenvolvimento rápida, moderna e leve.

• Host: GitHub
• URL: https://github.com/evandrocalado/strata-ui
• Owner: EvandroCalado
• Created: 2024-10-31T22:08:53.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-12-01T14:25:32.000Z (2 months ago)
• Last Synced: 2024-12-01T15:26:37.802Z (2 months ago)
• Topics: eslint, husky, lintstaged, prettier, react-testing-library, reactjs, storybook, tailwindcss, typescipt, vitest
• Language: JavaScript
• Homepage: https://evandrocalado.github.io/strata-ui
• Size: 6.18 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![banner](https://github.com/user-attachments/assets/172caf91-5e32-4c7d-9182-a5faaf745e8e)

Strata é o plural de "stratum," um termo em latim que significa "camada" ou "nível." No contexto do design, Strata sugere algo com múltiplas camadas ou dimensões, o que pode remeter à ideia de formas sobrepostas, níveis de profundidade ou um sistema bem estruturado. É uma palavra que carrega uma sensação de organização e complexidade elegante.

# Strata UI

Strata UI é uma biblioteca de componentes construída com React e Tailwindcss, projetada para oferecer uma experiência de desenvolvimento rápida, moderna e leve. Nossa missão é fornecer componentes reutilizáveis e altamente customizáveis que se comportem o mais próximo possivel de uma tag do HTML, facilitando a criação de interfaces de usuário coesas e acessíveis.

## Tabela de Conteúdos

- [Strata UI](#strata-ui)

  - [Tabela de Conteúdos](#tabela-de-conteúdos)

  - [Instalação](#instalação)

  - [Uso](#uso)

  - [Documentação](#documentação)

    - [Componentes](#componentes)

  - [Contribuindo](#contribuindo)

    - [Requisitos de Contribuição](#requisitos-de-contribuição)

  - [Licença](#licença)

---

## Instalação

Para instalar a biblioteca em seu projeto, use o npm ou o yarn:

```bash

npm i strata-ui

# ou

yarn add strata-ui

```

## Uso

```jsx

import React from 'react';

import { Button } from 'strata-ui';

function App() {

  return (

    


      
Bem-vindo ao Strata UI

       alert('Olá, Strata!')} />

    

  );

}


export default App;

```

## Documentação

Toda a documentação dos componentes e exemplos de uso estão disponíveis em nosso [Storybook](https://evandrocalado.github.io/strata-ui), onde você pode visualizar cada componente e suas propriedades.

### Componentes

- **Badge**

- **Button**

- **Card**

- **Heading**

- **Input**

## Contribuindo

Contribuições são bem-vindas! Para contribuir, siga estes passos:

1. Faça um fork do projeto.

2. Crie uma nova branch com sua feature (`git checkout -b feature/nova-feature`).

3. Commit suas mudanças (`git commit -m 'Adiciona nova feature'`).

4. Faça o push da branch (`git push origin feature/nova-feature`).

5. Abra um Pull Request.

### Requisitos de Contribuição

- Certifique-se de que todas as mudanças são testadas.

- Siga os padrões de código do projeto (usamos ESLint e Prettier).

- Documente quaisquer novas funcionalidades no Storybook.

## Licença

Strata UI é distribuído sob a licença MIT. Consulte o arquivo [LICENSE](./LICENSE) para mais informações.

---

**Strata UI** é seu aliado para interfaces simples, robustas e reutilizáveis. 🚀