### File

`packages/components/eui-split-button/eui-split-button.component.ts`

### Description

The EuiSplitButtonComponent is a wrapper for a button and a dropdown. It is used to create a split button with various styles and functionalities.

### Basic Usage

Example :

    <eui-split-button>
      <eui-button euiPrimary (click)="primaryAction()">
        Save
      </eui-button>
      <eui-dropdown>
        <eui-dropdown-item (click)="saveAndClose()">Save & Close</eui-dropdown-item>
        <eui-dropdown-item (click)="saveAsDraft()">Save as Draft</eui-dropdown-item>
      </eui-dropdown>
    </eui-split-button>

### Accessibility

- Ensure primary button has clear, action-oriented label
- Dropdown items should have descriptive text
- Keyboard navigation works for both button and dropdown

### Notes

- Combines a primary action button with a dropdown menu of related actions
- Primary button executes the most common action
- Dropdown provides alternative or related actions

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
selector | `eui-split-button`
styleUrls | `./eui-split-button.scss`
templateUrl | `./eui-split-button.component.html`

### Index

###### HostBindings

- class

###### Accessors

- cssClasses

### HostBindings

class
Type : `string`

### Accessors

cssClasses
get `cssClasses()`

# results matching ""

# No results matching ""