react-components-lib-appman v1.0.0

react-components-lib

Components

• Button
• Checkbox
• DatePicker
• Dropdown
• PopupSearch
• Radio
• Textarea
• TextInput
• withLabel

Prop Types of Component

view Summary Prop types Table, how to config styled on ❗ Summary. For each Component see Prop types on their stories

Usage

import React from 'react'
import styled from 'styled-components'
import TextInputStyle from './PATH/TO/TextInputStyle'

import {
  withLabel,
  TextInputComponent,
  TextareaComponent,
  ButtonComponent,
  DropdownComponent,
  PopupSearchComponent,
  RadioComponent,
  CheckboxComponent,
  DatePickerComponent,
} from 'react-components-lib'

const TextInputWithStyle = styled(TextInputComponent)`
  ${TextInputStyle};
`
const TextInputWithLabel = withLabel(TextInputWithStyle)


class Example extends React.Component {

  render () {
    return (
      <TextInputWithLabel />
    )
  }
}

Storybook

Start

yarn storybook

or

Build storybook

yarn build-storybook

Storybook Addons

storybook doc

Example App with react-components-lib

on src/example

yarn start