Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEAT] Select Component #2467

Open
2 of 8 tasks
xelaint opened this issue Jun 7, 2023 · 4 comments · May be fixed by #2458
Open
2 of 8 tasks

[FEAT] Select Component #2467

xelaint opened this issue Jun 7, 2023 · 4 comments · May be fixed by #2458
Assignees
Labels
feat a new feature, enhancement, or improvement p2 medium priority package: design @daffodil/design
Milestone

Comments

@xelaint
Copy link
Member

xelaint commented Jun 7, 2023

💡 Feature request

Feature Name

Dropdown Component

The Desired Behavior

A select field with custom UI.

  • Select options can be multi-line
  • Disabled state
  • Loading state
  • Error state
  • When a user clicks somewhere outside a select when it's open, the select should close.
  • By default, a select should either render a label text of what the select is or one of the options as the selected value (i.e. shipping addresses, render the first available address as the selected option or the "default" address a user has set in their account)
  • Keyboard behavior for selecting options
  • Accessibility considerations (aria label announcements for each option, selected option announcement)

Your Use Case

As a designer, I would like to be able to use a custom select design.

Prior Work

Environment


Daffodil version: X.Y.Z
Angular version: X.Y.Z 

 
For Tooling issues:
- Node version: XX  
- Platform:  

Others:

@xelaint xelaint added feat a new feature, enhancement, or improvement package: design @daffodil/design labels Jun 7, 2023
@xelaint xelaint added this to the v0.8.0 - The Design Package V2 milestone Jun 7, 2023
@xelaint xelaint self-assigned this Jun 7, 2023
@xelaint xelaint linked a pull request Jun 7, 2023 that will close this issue
15 tasks
@shadow0500
Copy link

Can I work on this issue?

@damienwebdev damienwebdev assigned shadow0500 and unassigned griest024 Jun 9, 2023
@damienwebdev
Copy link
Member

Sure @shadow0500 ! it would probably be wise to branch off @xelaint 's #2458

@shadow0500
Copy link

Okay sure .

@griest024
Copy link
Member

@shadow0500 this is a high priority issue, I think I should take this unless you have a solution almost complete

@griest024 griest024 assigned griest024 and unassigned shadow0500 Jun 12, 2023
@xelaint xelaint changed the title [FEAT] Dropdown Component [FEAT] Select Component Aug 9, 2023
@AnnieMi888 AnnieMi888 removed this from the v0.8.0 - The Design Package V2 milestone Dec 20, 2023
@damienwebdev damienwebdev added the p2 medium priority label Jan 3, 2024
@damienwebdev damienwebdev added this to the Daffodil v1.0 milestone Jan 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat a new feature, enhancement, or improvement p2 medium priority package: design @daffodil/design
Projects
Status: To do
Development

Successfully merging a pull request may close this issue.

6 participants