Holdr UI React

The official React component library used by Holdr developers to build cool and simple web applications.

Installation

yarn add @holdr-ui/react
# or
npm install @holdr-ui/react --save

Example Usage

An example of usage

import { Box, Button } from '@holdr-ui/react'

function Example() {
  const {switchState, toggle} = useSwitch()
  
  const switchStateText = switchState? 'on' : 'off'
  
  return (
    <Box bgColor='base800' color='white50'>
      I am {switchStateText}
      <Button variant='ghost' label='toggle' onClick={toggle}/>
    </Box>
  )
}

Expectations

The components are fully customizable and offer a responsive API to select props. We have also added some useful hooks that you can use, and we will be adding more hooks in the future!

Learn more

To learn more about the components, check out the docs

Typescript?

This package works with typescript projects.

Contributers

@Tak