react-ui

react-ui copied to clipboard

Layout API for all UI components

14

As of now, adding an outer spacing to a component is done with utility classes like this: ```jsx ``` This makes source code and DOM needlessly complex. It would be...

adamkudrna

Designers and developers need to be very careful with empty radio lists (i.e. when no option is selected by default). Once a user marks an option as selected, there is...

adamkudrna

On top of existing, document also: - AT friendliness (test first?) - user font size, UI scalability - color contrast (does it actually work?) - prefer reduced motion - dark...

adamkudrna

Color, thickness and vertical margin should be themeable.

adamkudrna

In the following components: * `CTA` * `Card` * `FormLayout` * `Media` * `Tabs` we validate the `children` prop with: ``` children: PropTypes.oneOfType([ PropTypes.element, PropTypes.arrayOf(PropTypes.element), ]).isRequired, ``` This is too...

mbohal

It was removed in https://github.com/react-ui-org/react-ui/pull/318/commits/c6555bd87534110761422059bc1d8bbdea850a89 due to https://github.com/doczjs/docz/issues/1565

mbohal

Presently it is possible to express in `Table` component API invalid configuration. It is valid to set `columns.isSortable = true` and not provide the `sort` object. We could validate this...

mbohal

Enable generating documentation of advanced `propTypes` syntax

1

**Added by** @adamkudrna: This includes these useful ways of abstraction: - `propTypes` assigned as value of a constant in the same file - `propTypes` defined in another file --- Based...

bedrich-schindler

Customize input appearance to match other box field components and make it themeable. Consider `allowedFileTypes` to replace native `accept` attribute and append the list in a generic sentence to `helpText`....

adamkudrna

Get rid of padding alignment hack once Safari supports `align-items: baseline` for blank inputs

1

See https://bugs.webkit.org/show_bug.cgi?id=142968 1. Change default label and field alignment to real baseline: ```css --rui-form-field-horizontal-label-vertical-alignment: baseline; --rui-form-field-horizontal-field-vertical-alignment: baseline; --rui-form-field-horizontal-label-padding-y: 0; ``` 2. Get rid of `FormLayoutCustomField`'s `innerFieldSize` prop. Make sure various...

adamkudrna