SiSidePanelActionComponent documentation¶

selector

button[si-side-panel-action], a[si-side-panel-action]

Creates an action for the side-panel. This action will remain visible if the side-panel is collapsed.

Example:

<si-side-panel-content>
  <si-side-panel-actions>
      <button
        type="button"
        si-side-panel-action
        icon="element-alarm-background-filled"
        iconColor="status-danger"
        stackedIcon="element-alarm-tick"
        stackedIconColor="text-body"
        (click)="action()"
      >
        Action
      </button>
  </si-side-panel-actions>
</si-side-panel-content>

Input Properties¶

Name	Type	Default	Description
disabled ¶	`boolean`	`false`	When disabled, renders a dot separator instead of the icon and label.
icon ¶	`string`		Icon name for the main icon.
iconColor ¶	`string`		CSS color class for the main icon (e.g. `'status-warning'` ).
stackedIcon ¶	`string`		Optional stacked icon name displayed on top of the main icon.
stackedIconColor ¶	`string`		CSS color class for the stacked icon (e.g. `'text-body'` ).

Types Documentation¶

No types to document for items on this page.

Except where otherwise noted, content on this site is licensed under MIT License.