A Smart Toolbar may control the navigation of a Smart Data Source or the CRUD operations of a Smart Viewer.

Sample markup

        <smart-toolbar
            smart-navigation="true"
            smart-object-name="customerToolbar"
			(on-add)="onToolbarAddClicked($event)"
			(on-button-clicked)="onToolbarButtonClicked($event)"
			(on-cancel)="onToolbarCancelClicked($event)"
			(on-copy)="onToolbarCopyClicked($event)"
			(on-delete)="onToolbarDeleteClicked($event)"
			(on-next)="onToolbarNextClicked($event)"
			(on-previous)="onToolbarPreviousClicked($event)"
			(on-save)="onToolbarSaveClicked($event)">
				<smart-toolbar-button
					label="Add">
				</smart-toolbar-button>
				<smart-toolbar-button
					role="command"
					label="My Custom Button"
					image="<image_url>">
                </smart-toolbar-button>
        </smart-toolbar>

Description

Attribute	Description
smart-toolbar-buttons	Comma separated list of buttons that the Smart Toolbar should display. Possible buttons: add, save, cancel, delete, delete
smart-navigation	Boolean value indicating if the toolbar should display navigation buttons, defaults to false
smart-object-name	Unique identifier used to obtain references to the Smart Toolbar component
(on-add)	Event that fires when the add button is clicked.
(on-button-clicked)	Event that fires when a toolbar button has been clicked.
(on-cancel)	Event that fires when the cancel button is clicked.
(on-copy)	Event that fires when the copy button is clicked.
(on-delete)	Event that fires when the delete button is clicked.
(on-next)	Event that fires when the next button is clicked.
(on-previous)	Event that fires when the previous button is clicked.
(on-save)	Event that fires when the save button is clicked.