[FEAT] Select Component

[xelaint]

:bulb: Feature request

Feature Name

Dropdown Component

The Desired Behavior

A select field with custom UI.

• [x] Select options can be multi-line
• [x] 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:

[shadow0500]

Can I work on this issue?

[damienwebdev]

Sure @shadow0500 ! it would probably be wise to branch off @xelaint 's https://github.com/graycoreio/daffodil/pull/2458

[shadow0500]

Okay sure .

[griest024]

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

[xelaint]

Blocked by #3381, #3383