import { ComponentInterface } from '../../stencil-public-runtime'; import { HorizontalLocation, Locations, VerticalLocation } from '../types'; /** * The ino-fab-set component serves as a container for multiple fab buttons. It contains actions related to the main fab * button. Upon interacting with the fab button, a FAB-Set can display three to six related actions in the form of a speed * dial. * * #### Additional Hints * **Content**: Put the FABs for the speed dial inside of `ino-fab-set` as `ino-fab`. * * #### Control flow * * The ino-fab-set has a controlled (unmanaged) attribute `openDial`. For this reason, listen to `click` events, sync to * your local state and pass the state to the component again to open/close the fab-set. * * @slot default - One or more `ino-fab` * @slot icon-opened - The icon of the FAB button while being open * @slot icon-closed - The icon of the FAB button while being closed */ export declare class FabSet implements ComponentInterface { el: HTMLInoFabSetElement; /** * The direction of the speed dial. * Possible values: `top` (default), `bottom`, `right`, `left`. */ dialDirection: Locations; /** * The side where the Fab is displayed. * Possible values: `top`, `bottom` (default). */ topBottomLocation: VerticalLocation; /** * The side where the Fab is displayed. * Possible values: `right`, `left` (default). */ leftRightLocation: HorizontalLocation; /** * Opens the dial (**uncontrolled**) */ openDial: boolean; render(): any; }