Stoodi UI Toolkit

Este pacote inclui os componentes de UI do novo Style Guide do Stoodi 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:

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";