@weimi/ui v1.0.1-1

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