@limetech/lime-elements
Version:
60 lines • 1.75 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
import { ListSeparator } from '../list/list-item.types';
import { MenuItem } from '../menu/menu.types';
/**
* A split button is a button with two components:
* a button and a side-menu attached to it.
*
* Clicking on the button runs a default action,
* and clicking on the arrow opens up a list of other possible actions.
*
* :::warning
* - Never use a split button for navigation purposes, such as going to next page.
* The button should only be used for performing commands!
* - Never use this component instead of a Select or Menu component!
* :::
*
* @exampleComponent limel-example-split-button-basic
* @exampleComponent limel-example-split-button-loading
* @exampleComponent limel-example-split-button-repeat-default-command
*/
export declare class SplitButton {
/**
* The text to show on the default action part of the button.
*/
label: string;
/**
* Set to `true` to make the button primary.
*/
primary: boolean;
/**
* Set icon for the button
*/
icon: string;
/**
* Set to `true` to disable the button.
*/
disabled: boolean;
/**
* Set to `true` to put the button in the `loading` state.
* This also disables the button.
*/
loading: boolean;
/**
* Set to `true` to indicate failure instead of success when the button is
* no longer in the `loading` state.
*/
loadingFailed: boolean;
/**
* A list of items and separators to show in the menu.
*/
items: Array<MenuItem | ListSeparator>;
/**
* Is emitted when a menu item is selected.
*/
select: EventEmitter<MenuItem>;
render(): any;
private renderMenu;
private filterClickWhenDisabled;
}
//# sourceMappingURL=split-button.d.ts.map