Common inputs

yarn add redi-common-inputs

Contains common input components. Css variables that apply to all components

--primary-color
--off-color
--secondary-color
--secondary-off-color
--shadow-color

Mobile breakpoints are set at

$xsmall: 600;
$small: 960;
$medium: 1280;
$large: 1920;

If different breakpoints are needed, then overide the stylesheets using the theme provider on each component

Components

• Checkbox

  Option | Value --- | --- Theme Id | "redi-common-inputs/checkbox" Additional css vars? | no

• ManySwitch

  Option | Value --- | --- Theme Id | "redi-common-inputs/manyswitch" Additional css vars? | no

• SearchBar

  Option | Value --- | --- Theme Id | "redi-common-inputs/SearchBar" Additional css vars? | no

• Switch

  Option | Value --- | --- Theme Id | "redi-common-inputs/switch" Additional css vars? | no

• Button

  Option | Value --- | --- Theme Id | "redi-common-inputs/button" Additional css vars? | no

• Radio

  Option | Value --- | --- Theme Id | "redi-common-inputs/radio" Additional css vars? | no

• Select

  Option | Value --- | --- Theme Id | "redi-common-inputs/select" Additional css vars? | no

• Tabs

  Option | Value --- | --- Theme Id | "redi-common-inputs/tabs" Additional css vars? | no

• Typeahead

  Option | Value --- | --- Theme Id | "redi-common-inputs/typeahead" Additional css vars? | no