# ActionBar QML Type

Show a row of buttons that trigger actions. When the number of visible actions specified is larger than numberOfSlots, an overflow button will be shown which triggers an overflow panel that shows the remaining actions. More...

Import Statement: | import Lomiri.Components 1.3
Inherits: | StyledItem

- List of all members, including inherited members

## Properties

- actions : Action
- delegate : Component
- numberOfSlots : int

## Detailed Description

Example:

    ActionBar {
        numberOfSlots: 2
        actions: [
            Action {
                iconName: "share"
                text: "Share"
            },
            Action {
                iconName: "starred"
                text: "Favorite"
            },
            Action {
                iconName: "lock"
                text: "Lock"
            }
        ]
    }

## Property Documentation

actions : Action

The actions to display in the bar. If more actions are specified than there are slots, an overflow button will be show which opens a popover with the actions that did not fit in the bar directly.

delegate : Component

Set this to override the default delegate button that shows the actions in the ActionBar. Uses the defaultDelegate of ActionBarStyle by default.

Example:

    ActionBar {
        id: customDelegateBar
        anchors.right: parent.right
        actions: [
            Action { text: "action 1" },
            Action { text: "action 2" }
        ]
        delegate: Button {
            action: modelData
            width: units.gu(14)
            strokeColor: LomiriColors.purple
        }
    }

numberOfSlots : int

The number of actions to be shown in the bar directly. If the actions don't fit, an overflow button (using one slot) will be shown which opens a popover with the remaining actions.

Setting numberOfSlots to 0 will always show the overflow button and no other action buttons. Default value from the Ambience theme is 3.