menu

Reakit

Toolkit for building accessible rich web apps with React

Channels
Team
Posts
Members
Info
down-caret
·321d·Pinned# General

Good support? Please, consider donating or asking your company to sponsor us ❤️

https://opencollective.com/reakit

thumbsup
4
message-simple
0

Issue when mapping over a Popover component

I'm trying to create a Popover component in conjunction with Avatar and AvatarGroup, using Chakra-UI. My expectation is that when I map over a group of Avatars, I should be able to hover over each Avatar and the Popover should appear. However, mapping with the usePopoverState…

thumbsup
0
message-simple
5

Interact with state outside Reakit components.

Hi, I need to create component that will be used in many places, and I don't want consumer to know any details of implementation. Moreover I have to implement some API that will be called from non-React env. (by some syntetic event, but this is not the issue at the moment) I…

thumbsup
0
message-simple
5

Is it possible to add mouse over event to activate Popover?

Hi, As the title mentions, I'm trying to activate Popover when hovering over the PopoverDisclosure. I've tried to add arbitrary onMouseEnter/onMouseLeave properties to PopoverDisclosure, but it loses return focus upon mouse leave. In addition, I'd like for the Popover to still…

thumbsup
0
message-simple
2

Is there a way to set the default selected tab to first tab?

I'm getting my list for the tabs I need from firebase. I want to have the first tab selected by default. Right now I'm using the id's from my list for my stopId's. I'm running into ESLint warnings and infinite loops. Code here with notes on line 35:…

thumbsup
0
message-simple
3

TypeScript issue with Menu component (Submenu)

Hello, I'm following the Submenu example and am getting a TypeScript issue when forwarding the ref to the Submenu's MenuButton. The error looks like so: …

thumbsup
0
message-simple
5

How do you set default value for Radio component?

Hello, I'm trying to set a default value on a Radio component but am running into some issues as I'm not sure how to approach it. What I want to achieve is with a group of Radio components, mount a certain Radio component as checked. Then when clicking on other Radio components,…

thumbsup
0
message-simple
2

Reakit Nested Modal clicking outside Closes both dialogs issue

hello, I was wondering if anyone would be able to help me with an issue I am having: I am trying to create a nested modal that only closes one modal at a time when the area outside of the modal is clicked. The parent modal must also close when clicking outside if the nested…

thumbsup
2
message-simple
4

How to update form on data load?

Simple case that I can't solve in a simple way: useFormState() + updating values after loading them through useEffect() => values are not updated, thus leaving me with an empty form (use case here is a simple edit form). Any idea for doing this elegantly?

thumbsup
0
message-simple
6

Is there UI kit for using Reakit in Figma? Please help!

thumbsup
0
message-simple
2

Installing reakit with npm using the git repo

I recently fixed something in the reakit repo, and want to install reakit from that version. The only way to do this (that I know) is to depend on a specific commit hash on github. However, since this is a mono repo, this does not work. Is there a way to get this to work? The…

thumbsup
0
message-simple
4