cosmos

cosmos copied to clipboard

Some elements like buttons are missing focus rings. To fix this issue we should test all focusable items: anchors, form elements, buttons, etc and make sure they all have focus...

andresgalante

Depends on #702. We should add a `dropdown` prop to `Button`. When present, clicking the button will toggle the display of the specified `Dropdown`. Here's an example API: ```jsx const...

nkohari

This will likely result in the creation of a `Pagination` component which we can also export from Cosmos.

nkohari

We need to add support to display a `PaginationToolbar` component beneath a `ResourceList`. For example: 

nkohari

List native props in props table as well

2

Examples: - Make it obvious that `Button` accepts `onClick` - Form accepts `onSubmit` etc.

siddharthkp

Support inline layouts in Form

5

The form can also define how the fields will be arranged. More like a form layout component: horizontal, vertical and inline. - [x] Horizontal: to horizontally align the labels and...

siddharthkp

Proposal: Advanced Select component

1

I'd like to propose adopting this component: https://github.com/JedWatson/react-select and just styling it to match the styleguide. - Current dropdown looks great, until you drop it down and the native list...

astanciu

The disabled state on `Button` isn't always very apparent:  We should improve this. One suggestion is to add `cursor: not-allowed`, but maybe there are other visual things we can...

nkohari

Table component is not keyboard accessible

3

Sortable table header cells and clickable table rows cannot be interacted with via a keyboard, as they do not have the necessary `tabindex` attribute.

kyleoliveiro

**Is your feature request related to a problem? Please describe.** Today, the switch has accessible labels but sometimes there are situations where these labels don't fit. Now, the prop to...

landitus