calcite-design-system
calcite-design-system copied to clipboard
Enhancement: Alert supporting actions-end
Description
alert needs to support up to 2 actions in the end slot next to the X
hover and hit space to match X
@asangma - planned update regarding our chat yesterday... would be solvable with the slot paradigm.
Design complete in Figma. Updated design also addresses issues #5254 and #3338. cc: @geospatialem
@Elijbet Is the alert with actions-end
ready for verification, and/or should we move this into the January release milestone?
Installed and assigned for verification.
@Elijbet Is the alert with
actions-end
ready for verification, and/or should we move this into the January release milestone?
It's ready. Just changed the tag.
Verified on next.658
when slotting a calcite-action
.
<calcite-alert open>
<div slot="title">Alert title</div>
<div slot="message">Message lorem ipsum</div><a slot="link" href="#">Link slot</a>
<calcite-action slot="actions-end" text="Settings" icon="gear"></calcite-action>
<calcite-action slot="actions-end" text="Information" icon="information"></calcite-action>
</calcite-alert>