Overview
Complexity: Low
Context
In several Studio use-cases, we need to customize content of KDropdownMenu items beyond what is possible via options array configuration. Typically icon placement, color, text size, ... Examples:
UiMenu actually allows for this via this scoped option slot
|
<slot name="option" :option="option"></slot> |
, we just yet didn't made the slot available in KDropdownMenu for public use.
The Change
Expose UiMenu's option slot in KDropdownMenu for public use like:
<KDropdownMenu :options="options" ... >
<template #option="{ option }">
<KIcon ... /> {{ option.label }}
</template>
</KDropdownMenu>
- Update documentation with an example demonstrating the slot use
- Add a visual test
Guidance
Acceptance criteria
References
Supports learningequality/studio#5060
Overview
Complexity: Low
Context
In several Studio use-cases, we need to customize content of
KDropdownMenuitems beyond what is possible viaoptionsarray configuration. Typically icon placement, color, text size, ... Examples:UiMenuactually allows for this via this scopedoptionslotkolibri-design-system/lib/keen/UiMenu.vue
Line 32 in 0318c09
, we just yet didn't made the slot available in
KDropdownMenufor public use.The Change
Expose
UiMenu'soptionslot inKDropdownMenufor public use like:Guidance
Acceptance criteria
References
Supports learningequality/studio#5060