UUI/UMB Dropdown button ?
# package-developmentk
Kevin Jump
04/11/2024, 11:02 AMQuick sanity check, i might be UUI blind.
is there anything equvialnt to a button with dropdown elements in the existing UI / CMS UI libraries ?
or is it a case of rolling your own with button-grroups, buttons and dropdowns ?
w
Warren Buckley
04/11/2024, 11:08 AMLook at the publish one ?
n
Niels Lyngsø
04/11/2024, 11:50 AMThat one might be different.. but see the Actions Menu example on the Document Workspace. 🙂 I think its your own composition, so you have the ability to control what the button is and what goes into the popover. I think there is also a native-styled select input component, if your looking for just that.
k
Kevin Jump
04/11/2024, 11:56 AMyeah looking at tthe publish one - its .... not simple. 🙂 .
Kevin Jump
04/11/2024, 12:05 PMthink i've cleared some of the fog and I'm getting there now...
Copy code
ts
return html`
<uui-button popovertarget=${popoverId}
color=${<UUIInterfaceColor>parent?.color}
look=${<UUIInterfaceLook>parent?.look}
compact>
<uui-symbol-expand id="expand-symbol" .open=${this._popoverOpen}></uui-symbol-expand>
</uui-button>
<uui-popover-container
id=${popoverId}
margin="6"
placement="bottom-end"
@toggle=${this.#onPopoverToggle}>
<umb-popover-layout>
<uui-scroll-container>
${buttons}
</uui-scroll-container>
</umb-popover-layout>
</uui-popover-container>
`;49 Views