menu

Reakit

Toolkit for building accessible rich web apps with React

Channels
Team
Posts
Members
Info

Control Tab components with 'next' and 'previous' buttons

Hi All, Thank you so much for your amazing work! Anyone came across the need to additionally control Tabs with 'next' and 'previous' buttons? …

thumbsup
0
message-simple
3

Opening an alert programmatically

Hey, thanks for your hard work on reakit! I am building an generic alert with the dialog component. its working so far, but i was wondering if i can open an dialog programmatically, for example when i get an error from the api. i am new to react so maybe i am going at it the…

thumbsup
0
message-simple
4

Best practices when using with styled-components and Provider

Hi! I realized that the example in this styling page with styled-components does not work as intended when using default styles. Which way is recommended when working with both? …

thumbsup
0
message-simple
1

Animating a Menu

Hey together, I was trying to create an animated Menu using Reakit, but couldn't get it quite to work. I was trying to animate transform on the Menu but that would overwrite the transform set by Reakit. So I wrapped the MenuItem components inside a div that I am animating…

thumbsup
0
message-simple
5

Grid example in ver 1

I have a simple grid example from version 0. Basically panels of different colours Is there a similar Javascript example written for version 1? I translated the version 0 example to ClojureScript/Fulcro, and now need to do so again for version 1. My first problem being that grid…

thumbsup
0
message-simple
7

Hi 👋 wondering if it's possible to open a dialog outside of using the…

I have a disclosure, but I'd like to open the same modal from a different area of the page. We have a shared Modal component that contains useDialogState and handles styling. Is there a recommended way to do this? The options I can see: • Expand disclosure area to include the…

thumbsup
0
message-simple
4

Rover behaviour question

Hey all, really been enjoying working with Reakit, and learning lots about accessibility. Ran into an issue that is potentially just trying to map the wrong behaviour/semantics to Rover, but I'm curious if this situation (you can activate the <Dialog>'s <Button>'s onClick via…

thumbsup
0
message-simple
5

Reakit + emotion + react-router Link

Hi everyone! I'm trying to style a Link from react-router with emotion and got somewhat stuck: Maybe this is already wrong? …

thumbsup
0
message-simple
3

Arrow keys and nested Rover lists

I'm trying to replicate Github's project board behaviour when using the arrow keys: left and right move focus across columns, and up and down move focus across the issues in the column. I'm using a list of Rovers for the columns, and a list of nested Rovers for the issues. What…

thumbsup
0
message-simple
5

Happy to be here

Came across Reakit yesterday and I am in love with this UI toolkit, getting to start using it on my side project. Great work @diegohaz and all the contributors

thumbsup
1
message-simple
1