UNPKG

bloom-inputs

Version:

accessible inputs used in bloom packages

github.com/vineyard-bloom/bloom-layout

vineyard-bloom/bloom-layout

33 lines (25 loc) • 2.19 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
# Bloom Inputs ### Accessible inputs in React ## What & Why This library provides fully-accessible, reusable input components with easily-overridable default styles. They don't depend on Redux or other stateful libraries to function, but it's recommended to use them with [bloom-forms](https://github.com/vineyard-bloom/bloom-forms), as the HOC form wrapper there provides all the needed hooks. The requirements surrounding accessibility in user-driven fields can be a lot of remember, especially when custom components (for stylability) are used. Bloom-inputs tries to solve this problem by providing drop-in inputs of many types. ## Live Example You can boot up an example form in a browser to play with the inputs by going into this repo's /example folder. Install dependencies with `npm install` and run with `npm run dev`. The inputs are imported directly from the root, so changes to those will be reflected immediately. ## Installation `npm install bloom-inputs` or `yarn add bloom-inputs` ## Contents - [Checkbox](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/checkbox.md) - [CurrencyInput](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/currency-input.md) - [DateInput](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/date-input.md) - [Dropzone](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/dropzone.md) - [ErrorTip](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/error-tip.md) - [FileInput](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/file-input.md) - [NumberInput](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/number-input.md) - [RadioGroup & RadioButtonGroup](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/radio-group-and-radio-button-group.md) - [SelectInput](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/select-input.md) - [TextArea](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/text-area.md) - [TextInput](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/text-input.md) - [ToggleSwitch](https://github.com/vineyard-bloom/bloom-inputs/blob/master/docs/toggle-switch.md)