QuickActions

Fast actions available only to you.

Example

Props

    🕹ī¸ standard props
    selectedItems
    number
    The number of selected items
    undefined
    disabled
    boolean
    Disables all actions.
    false
    actionsForSelectedItems
    Action[]
    The list of actions available for selected items.
    []
    position
    'top' | 'bottom'
    Position of the container.
    'top'
    lang
    'it' | 'en'
    Language of the labels.
    'en'
    🎨 style props
    --quick-actions-background-color
    color
    Background color of the quick actions container.
    rgb(var(--global-color-background-200))
    --quick-actions-selected-items-button-background-color
    color
    Background color of the selected items button.
    rgb(var(--global-color-background-500))
    --quick-actions-selected-items-button-background-color-hover
    color
    Hover background color of the selected items button.
    rgb(var(--global-color-background-300))
    --quick-actions-selected-items-button-background-color-disabled
    color
    Disabled background color of the selected items button.
    rgb(var(--global-color-background-300), .5)
    --quick-actions-selected-items-button-color-disabled
    color
    Text color of the selected items button.
    rgb(var(--global-color-contrast-900), .5)
    --quick-actions-z-index
    number
    Z-index of the quick actions container.
    48
    --quick-actions-buttons-background-color
    color
    Background color of quick action buttons.
    rgb(var(--global-color-background-200))
    --quick-actions-buttons-background-color-disabled
    color
    Disabled background color of quick action buttons.
    rgba(var(--global-color-background-300), .5)
    --quick-actions-buttons-background-color-hover
    color
    Hover background color of quick action buttons.
    rgb(var(--global-color-background-300))
    --quick-actions-buttons-color
    color
    Text color of quick action buttons.
    rgb(var(--global-color-contrast-900))
    --quick-actions-buttons-color-disabled
    color
    Disabled text color of quick action buttons.
    rgba(var(--global-color-contrast-900), .5)

Slots

    No data available

Events

    onClose
    Event emitted when the quick actions are closed