You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I want to render a navigable group of items, such that the user can focus on the group itself and then switch between the items in the group with arrow keys.
For instance, in the picture below, the user would Tab into the box, focusing on the first tag by default, and then use left-right keys to switch among tags. Hitting Tab again should blur the entire tag group and focus on the next element (in this case, the "type something" input).
AFAIU I can achieve this pretty easily with the navigation menu primitive. However, I wonder if that's how it's meant to be used semantically, or if it's only meant for large menus that navigate an entire website.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I want to render a navigable group of items, such that the user can focus on the group itself and then switch between the items in the group with arrow keys.
For instance, in the picture below, the user would
Tab
into the box, focusing on the first tag by default, and then use left-right keys to switch among tags. HittingTab
again should blur the entire tag group and focus on the next element (in this case, the "type something" input).AFAIU I can achieve this pretty easily with the navigation menu primitive. However, I wonder if that's how it's meant to be used semantically, or if it's only meant for large menus that navigate an entire website.
Many thanks.
Beta Was this translation helpful? Give feedback.
All reactions