Dropdown button

Sistema provides a standalone dropdown button component, which is wrapping a regular pa-button holding a paPopup (usually a dropdown) reference. A chevron up or down is displayed on the right of the button depending on the state of the dropdown (open or closed).

Default: {{ pageSize1.value }}
Basic: {{ pageSize2.value }}
Small: {{ pageSize3.value }}
Disable
@for (option of options; track option) { {{ option.value }} } @for (option of options; track option) { {{ option.value }} } @for (option of options; track option) { {{ option.value }} }

Inputs

aspect
Button aspect: solid | basic . (Default: solid)
disabled
Set disable state.
freeWidth
When enabled, frees the width of the dropdown. (default: false, meaning the dropdown has the same width as the button by default)
fullWidth
Add full-width class to the button. (default: false)
kind
Button kind: primary | secondary | inverted | destructive . (Default: secondary)
open
Flag corresponding to the state of the dropdown. This input drives the chevron icon displayed. (Default: false)
popupRef
Dropdown component reference.
size
Button size: small | medium | large . (Default: medium) 
{{code}}