Create RccPullDownComponent #37hg3wd #861m549y1
Create a <select> like pulldown component.
It will be used in #248+. For the bigger context see #240+ The screens below give an impression of how it is supposed to look when utilized in #248/#240
This component is not meant to be a generic component that third party developers could use as replacement for say <select>. It only has to be configurable to the extend we need it to be. We can add configuration capabilities later on, when we actually need them.
I propose to give it the same component interface as RccSelectComponent (see #236) maybe it can even be the same component with a different mode/class or extend RccSelectComponet.
What is to be done?
- Create a theme component:
- I suggest
rcc-pull-downas selector orrcc-selectof we reuse that component - For the default theme wrap
<ion-select> - For bengal make it look like the screens below
- For bengal: Let the overlay, popup down/up/centered depending how much space there is.
- Add a color input
- Add Docs that explain the interface
Colors
The color should be configurable. Add a [color] input that accepts an arbitrary string. ColorService.getColorVariants(this.color) will get you the respective color's variants (see ColorService from @rcc/themes).
Default to 'primary' (should be orange and variants for the HCP)
Theme
Make it themable. (See /documentations/How To/themes.md)
Use RccSelectBaseComponent to define and document the interface; and make RccSelectComponent an extension of it. Once for bengal and once for default.
The RccQuickActionListComponent for the bengal theme should look like the layout below.
For default theme's RccQuickActionListComponent use a ion-select
Layouts
The following screen show normal and hover/tapped states:
