# Stoodi UI Toolkit

Este pacote inclui os componentes de UI do novo Style Guide do Stoodi [https://design.stoodi.com.br/](https://design.stoodi.com.br/) em React.

## Instruções

Instalar o pacote: `npm install @stoodidev/stoodi-ui --save` ou `yarn add @stoodidev/stoodi-ui`

Importar no projeto:

```javascript
import React from "react";
import "@stoodidev/stoodi-ui/dist/toolkit/stoodi-ui.css";
import { NomeDoComponente } from "@stoodidev/stoodi-ui";
```

## Lista de componentes

Versão 1.2.0:

- Container
- Grid
- Col
- List
- ListItem
- Section
- Box
- Divider
- Title
- Logo
- Icon
- Button
- Header
- TextField
- TextArea
- FilterField
- DatePicker
- RadioGroup
- RadioButton
- Checkbox
- Tabs
- TabItem
- Select
- Spinner
- Slider
- Progress
- Toggle
- Tooltip
- Card
- Question
- Toast
- Message
- Close
- Modal
- Breadcrumb

## Extras

Também é possível importar as variáveis de cores e breakpoints para usar em projetos com CSS-in-JS.

### Cores:
`import { colors } from "@stoodidev/stoodi-ui";`

### Breakpoints:
`import { screen } from "@stoodidev/stoodi-ui";`