Skip to content
This repository has been archived by the owner on Jul 11, 2023. It is now read-only.

Feature: Dropdown component #1

Open
8 of 16 tasks
k11q opened this issue Jan 5, 2023 · 0 comments
Open
8 of 16 tasks

Feature: Dropdown component #1

k11q opened this issue Jan 5, 2023 · 0 comments
Labels
main-feature Main features

Comments

@k11q
Copy link
Owner

k11q commented Jan 5, 2023 •
edited
Loading

Dropdown Component

Completed

  • Keyboard: When focus on trigger: Press Space key to open the Menu.
  • Keyboard: When focus on trigger: Press Up and Down arrow keys to open the Menu.
  • Keyboard: When opened: Press Space or Enter keys to select the highlighted option.
  • Keyboard: When opened: Press Esc to close the Menu.
  • Keyboard: When opened: Press Up and Down arrow keys to navigate across options.
  • Positioning: Default position at selected.
  • Focus trap
  • Block clicks outside

Todos

  • Screen reader.
  • Typeahead
  • Collision aware.
  • Scroll indicators.
  • Scroll based height
  • Native fallback.
  • Autofill
  • Scroll lock

Props

Root

  • open - default: false
  • defaultOpen - default: false
  • dir - default: 'ltr'

Trigger

  • className - default: ''

Portal

  • className - default: ''

Group

  • label - default: ''

Arrow

  • width - default: 8
  • height - default: 8

Item

Reference:

Thank you Pedro Duarte and the Radix/Modulz team for the great resources
@k11q k11q added the main-feature Main features label Jan 5, 2023
@k11q k11q moved this to Todo in Roadmap 1.0 Jan 5, 2023
@k11q k11q added this to Roadmap 1.0 Jan 5, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
main-feature Main features
Projects
Roadmap 1.0
Archived in project
Milestone
No milestone
Development

No branches or pull requests
1 participant
@k11q