gandarfh / llama-ui

Lib de criação de design system

This project contains my registry packages using

• Lerna
• Emotion
• Jest
• Typescript

Install

yarn add @llama-ui/react

Usage

// app.tsx
import React from 'react'
import { ThemeProvider } from '@llama-ui/react'

const App = () => {
  return <ThemeProvider>...your code</ThemeProvider>
}

export default App

Roadmap

Documentation to create

• getting started
• Home showing all features and description about llama
• styled props (how work)
• responsive (how work)
• custom theme (creating)
• default theme (easy info)
• typescript (llama.d.ts)
• properties and colors keys
• global styles

Factory

• styled system
• responsive props
• opacity colors tokens
• custom theme
• generate theme types
• support css variables
• inject custom theme components into components
• remove from repo documentations

Components to create and more documentations

• Factory of any html/svg element

• Theme provider

• Global style

• Typography

  • Heading
  • Paragraph

• Layouts

  • Box
  • Grid
  • Flex
  • Container

• Form

  • Input
  • Button
  • Radio Button
  • Checkbox
  • Switch
  • Select
  • Date Picker
  • Range Picker
  • slider
  • range slider
  • Autocomplete

• Loadings

  • circular
  • progress
  • linear
  • dots
  • shadow skeleton

• Table

  • Head Table
  • Column table
  • Row table
  • Cell table

• Modal

  • overlay modal
  • Header modal
  • content modal

• Drawer

  • overlay drawer
  • content drawer

• Tooltip

• Popover

• Portal

• Animations