Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

@weimi/ui

1.0.1-1 • Public • Published

Weimi-ui

Weimi-ui is set of react component that highly customize-able

  • Theme support, generated from design token
  • Compostable with props inherit
  • Convenient props accessiable
  • Accessiability feature enable

Getting started

npm i @weimi/ui
import { withTheme, GoTheme } from '@weimi/ui/theme'
import { Box } from '@weimi/ui'
 
const UI = withTheme(GoTheme)
 
function App() {
  return <UI>
    <Box bg='black' color='white'>Hello world</Box>
  </UI>
}

Primitive

  • Base
    • support css props
    • integrate clean tag
    • Box -- props: space, width, fontSize, color
      • Flex -- props: flex
      • Relative -- display: relative
      • Fixed -- display: fixed
      • Static -- display: static
      • Sticky -- display: sticky
  • AllStyle
  • Compose
    • support from

Theme

  • Provider
  • createTheme
  • Choices
  • Variant
  • Plugin ecosystem

Components

  • Global
  • Link
  • Heading
  • Button
  • Text
  • Card
  • Hide
  • Overlay
  • Backdrop
  • Image
  • Divider

Interactive

  • Segment
  • Dialog
  • MenuButton

Demo site

  • Editable code sample
  • Docs for components
  • Typograhpy
  • Props table
  • Theme selector
  • Theme generator
  • Styling docs site

Install

npm i @weimi/ui

DownloadsWeekly Downloads

0

Version

1.0.1-1

License

MIT

Unpacked Size

59.7 kB

Total Files

43

Last publish

Collaborators

  • avatar