react-components
react-components copied to clipboard
canonical
A set of components based on Vanilla Framework
`userEvent` adds related event calls from browsers to make tests more realistic than its counterpart `fireEvent`, which is a low-level api. This makes for a more user-centric, and closer-to-truth testing...
We could drop the nanoid dependency in favour of id implementation built into React v18 https://reactjs.org/blog/2022/03/29/react-v18.html#useid
@huwshimi @petermakowski it seems this PR leans into being a discussion about how we approach props API in our components. The more complex the component gets (like `MainTable`, this navigation,...
ContextualMenu content on activation is not easily accessible via `Tab` or arrow keys,. We need to make sure we either focus on the first element after activation or once you...
Currently `className` only gets spread to the internal `` components - it would be better if we could be a bit nuanced with where to apply custom class names
It would be nice if the Modal didn't require a title when you want to use it to display something like an image.
### Actual ContextualMenu dropdown has an incorrect tab order. ### Expected The next item after opening a dropdown should be the first item in the dropdown menu. ### More info...
Currently `ActionButton` and `Button` are completely distinct components. It probably makes sense however for `ActionButton` to extend `Button`.
### Description of the bug When a chip is removed from the search and filter component, filter panel is displayed. ### Steps to reproduce the behavior: - Go to https://canonical-web-and-design.github.io/react-components/?path=/story/search-and-filter--default-story...
As mentioned in [MDN web docs](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role), adding `role="button"` will make an element appear as a button control to a screen reader. Maybe the `Button` component should have the property `role="button"`...
