hixme-ui - HUI

Another React component library, built to facilitate the Hixme ecosystem. We hope you enjoy your time here.

Website

Getting started

Install the theme and your needed components.

npm install --save @hixme-ui/theme @hixme-ui/container @hixme-ui/title

Add the theme via the theme provider and begin using HUI components

import { ThemeProvider } from '@hixme-ui/theme'
import Container from '@hixme-ui/container'
import Title from '@hixme-ui/title'

const AppContainer = () => (
  <ThemeProvider withGlobal>
    <Container padding='10px'>
      <Title jumbo primary>Welcome to your App</Title>

      <Container background='#efefef'>
        This is going to be a fun ride
      </Container>
    </Container>
  </ThemeProvider>
)

Theming

• Theme
• Theme Props - Utility for standardizing getting of theme props

HUI Components

• Animate
• App Layout
• Benefit Price
• BulletList
• Button
• Card Drawer
• Card
• Checkbox
• Close Button
• Container
• Content Container
• Currency
• Dates
• Email
• Form Components
• Form Group
• Icon
• Input
• Label
• Modal
• Percentage
• Phone
• Placeholder
• Price
• Print
• Radio Button
• Select
• Separator
• Sidebar
• Social Security
• Step
• Table
• Tabs
• Text
• Title
• Toggle
• Upload Box

Built With

• React - Javascript component framework
• Styled Components - CSS management
• Jest - Testing framework

Contributing

Please read CONTRIBUTING.md for project development notes.