import { EventEmitter } from '../../stencil-public-runtime'; import { ToggleButtonEmphasis, ToggleButtonSize } from '../../utils/constants'; /** * @slot default - Child content of the toggle button. */ export declare class NvTogglebutton { el: HTMLNvTogglebuttonElement; /****************************************************************************/ /** * Determines how large or small the togglebutton appears, allowing for * customization of the togglebutton's dimensions to fit different design * specifications and user needs. */ readonly size: `${ToggleButtonSize}`; /** * The value to associated with the button when selected in a * Togglebuttongroup. */ readonly value: string; /** * Prevents all interaction, rendering the toggle in a non-interactive state. */ readonly disabled: boolean; /** * Whether the button is active or not. Will not toggle automatically but * needs to be controlled externally. */ readonly active: boolean; /** * Make it more or less visually prominent to users. */ readonly emphasis: `${ToggleButtonEmphasis}`; /****************************************************************************/ private handleClick; /****************************************************************************/ handleKeyDown(event: KeyboardEvent): void; /****************************************************************************/ /** * Emitted when the button is toggled. Will bubble up so that the * nv-togglebuttongroup can update the state. */ toggled: EventEmitter<{ /** The value associated with the button. */ value: string; /** If the button is active when clicked. */ active: boolean; }>; /****************************************************************************/ render(): any; }