naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
1,359 lines • 76.6 kB
TypeScript
import type { BaseWaveRef } from '../../_internal';
import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
import type { Size, Type } from './interface';
import { type ButtonHTMLAttributes, type ExtractPropTypes, type PropType, type SlotsType, type VNode, type VNodeChild } from 'vue';
export declare const buttonProps: {
readonly color: StringConstructor;
readonly textColor: StringConstructor;
readonly text: BooleanConstructor;
readonly block: BooleanConstructor;
readonly loading: BooleanConstructor;
readonly disabled: BooleanConstructor;
readonly circle: BooleanConstructor;
readonly size: PropType<Size>;
readonly ghost: BooleanConstructor;
readonly round: BooleanConstructor;
readonly secondary: BooleanConstructor;
readonly tertiary: BooleanConstructor;
readonly quaternary: BooleanConstructor;
readonly strong: BooleanConstructor;
readonly focusable: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly keyboard: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly tag: {
readonly type: PropType<keyof HTMLElementTagNameMap>;
readonly default: "button";
};
readonly type: {
readonly type: PropType<Type>;
readonly default: "default";
};
readonly dashed: BooleanConstructor;
readonly renderIcon: PropType<() => VNodeChild>;
readonly iconPlacement: {
readonly type: PropType<"left" | "right">;
readonly default: "left";
};
readonly attrType: {
readonly type: PropType<"button" | "submit" | "reset">;
readonly default: "button";
};
readonly bordered: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
readonly nativeFocusBehavior: {
readonly type: BooleanConstructor;
readonly default: boolean;
};
readonly theme: PropType<import("../../_mixins").Theme<"Button", {
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
borderRadiusTiny: string;
borderRadiusSmall: string;
borderRadiusMedium: string;
borderRadiusLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
opacityDisabled: string;
colorOpacitySecondary: string;
colorOpacitySecondaryHover: string;
colorOpacitySecondaryPressed: string;
colorSecondary: string;
colorSecondaryHover: string;
colorSecondaryPressed: string;
colorTertiary: string;
colorTertiaryHover: string;
colorTertiaryPressed: string;
colorQuaternary: string;
colorQuaternaryHover: string;
colorQuaternaryPressed: string;
color: string;
colorHover: string;
colorPressed: string;
colorFocus: string;
colorDisabled: string;
textColor: string;
textColorTertiary: string;
textColorHover: string;
textColorPressed: string;
textColorFocus: string;
textColorDisabled: string;
textColorText: string;
textColorTextHover: string;
textColorTextPressed: string;
textColorTextFocus: string;
textColorTextDisabled: string;
textColorGhost: string;
textColorGhostHover: string;
textColorGhostPressed: string;
textColorGhostFocus: string;
textColorGhostDisabled: string;
border: string;
borderHover: string;
borderPressed: string;
borderFocus: string;
borderDisabled: string;
rippleColor: string;
colorPrimary: string;
colorHoverPrimary: string;
colorPressedPrimary: string;
colorFocusPrimary: string;
colorDisabledPrimary: string;
textColorPrimary: string;
textColorHoverPrimary: string;
textColorPressedPrimary: string;
textColorFocusPrimary: string;
textColorDisabledPrimary: string;
textColorTextPrimary: string;
textColorTextHoverPrimary: string;
textColorTextPressedPrimary: string;
textColorTextFocusPrimary: string;
textColorTextDisabledPrimary: string;
textColorGhostPrimary: string;
textColorGhostHoverPrimary: string;
textColorGhostPressedPrimary: string;
textColorGhostFocusPrimary: string;
textColorGhostDisabledPrimary: string;
borderPrimary: string;
borderHoverPrimary: string;
borderPressedPrimary: string;
borderFocusPrimary: string;
borderDisabledPrimary: string;
rippleColorPrimary: string;
colorInfo: string;
colorHoverInfo: string;
colorPressedInfo: string;
colorFocusInfo: string;
colorDisabledInfo: string;
textColorInfo: string;
textColorHoverInfo: string;
textColorPressedInfo: string;
textColorFocusInfo: string;
textColorDisabledInfo: string;
textColorTextInfo: string;
textColorTextHoverInfo: string;
textColorTextPressedInfo: string;
textColorTextFocusInfo: string;
textColorTextDisabledInfo: string;
textColorGhostInfo: string;
textColorGhostHoverInfo: string;
textColorGhostPressedInfo: string;
textColorGhostFocusInfo: string;
textColorGhostDisabledInfo: string;
borderInfo: string;
borderHoverInfo: string;
borderPressedInfo: string;
borderFocusInfo: string;
borderDisabledInfo: string;
rippleColorInfo: string;
colorSuccess: string;
colorHoverSuccess: string;
colorPressedSuccess: string;
colorFocusSuccess: string;
colorDisabledSuccess: string;
textColorSuccess: string;
textColorHoverSuccess: string;
textColorPressedSuccess: string;
textColorFocusSuccess: string;
textColorDisabledSuccess: string;
textColorTextSuccess: string;
textColorTextHoverSuccess: string;
textColorTextPressedSuccess: string;
textColorTextFocusSuccess: string;
textColorTextDisabledSuccess: string;
textColorGhostSuccess: string;
textColorGhostHoverSuccess: string;
textColorGhostPressedSuccess: string;
textColorGhostFocusSuccess: string;
textColorGhostDisabledSuccess: string;
borderSuccess: string;
borderHoverSuccess: string;
borderPressedSuccess: string;
borderFocusSuccess: string;
borderDisabledSuccess: string;
rippleColorSuccess: string;
colorWarning: string;
colorHoverWarning: string;
colorPressedWarning: string;
colorFocusWarning: string;
colorDisabledWarning: string;
textColorWarning: string;
textColorHoverWarning: string;
textColorPressedWarning: string;
textColorFocusWarning: string;
textColorDisabledWarning: string;
textColorTextWarning: string;
textColorTextHoverWarning: string;
textColorTextPressedWarning: string;
textColorTextFocusWarning: string;
textColorTextDisabledWarning: string;
textColorGhostWarning: string;
textColorGhostHoverWarning: string;
textColorGhostPressedWarning: string;
textColorGhostFocusWarning: string;
textColorGhostDisabledWarning: string;
borderWarning: string;
borderHoverWarning: string;
borderPressedWarning: string;
borderFocusWarning: string;
borderDisabledWarning: string;
rippleColorWarning: string;
colorError: string;
colorHoverError: string;
colorPressedError: string;
colorFocusError: string;
colorDisabledError: string;
textColorError: string;
textColorHoverError: string;
textColorPressedError: string;
textColorFocusError: string;
textColorDisabledError: string;
textColorTextError: string;
textColorTextHoverError: string;
textColorTextPressedError: string;
textColorTextFocusError: string;
textColorTextDisabledError: string;
textColorGhostError: string;
textColorGhostHoverError: string;
textColorGhostPressedError: string;
textColorGhostFocusError: string;
textColorGhostDisabledError: string;
borderError: string;
borderHoverError: string;
borderPressedError: string;
borderFocusError: string;
borderDisabledError: string;
rippleColorError: string;
waveOpacity: string;
fontWeight: string;
fontWeightStrong: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingRoundTiny: string;
paddingRoundSmall: string;
paddingRoundMedium: string;
paddingRoundLarge: string;
iconMarginTiny: string;
iconMarginSmall: string;
iconMarginMedium: string;
iconMarginLarge: string;
iconSizeTiny: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
rippleDuration: string;
}, any>>;
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
borderRadiusTiny: string;
borderRadiusSmall: string;
borderRadiusMedium: string;
borderRadiusLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
opacityDisabled: string;
colorOpacitySecondary: string;
colorOpacitySecondaryHover: string;
colorOpacitySecondaryPressed: string;
colorSecondary: string;
colorSecondaryHover: string;
colorSecondaryPressed: string;
colorTertiary: string;
colorTertiaryHover: string;
colorTertiaryPressed: string;
colorQuaternary: string;
colorQuaternaryHover: string;
colorQuaternaryPressed: string;
color: string;
colorHover: string;
colorPressed: string;
colorFocus: string;
colorDisabled: string;
textColor: string;
textColorTertiary: string;
textColorHover: string;
textColorPressed: string;
textColorFocus: string;
textColorDisabled: string;
textColorText: string;
textColorTextHover: string;
textColorTextPressed: string;
textColorTextFocus: string;
textColorTextDisabled: string;
textColorGhost: string;
textColorGhostHover: string;
textColorGhostPressed: string;
textColorGhostFocus: string;
textColorGhostDisabled: string;
border: string;
borderHover: string;
borderPressed: string;
borderFocus: string;
borderDisabled: string;
rippleColor: string;
colorPrimary: string;
colorHoverPrimary: string;
colorPressedPrimary: string;
colorFocusPrimary: string;
colorDisabledPrimary: string;
textColorPrimary: string;
textColorHoverPrimary: string;
textColorPressedPrimary: string;
textColorFocusPrimary: string;
textColorDisabledPrimary: string;
textColorTextPrimary: string;
textColorTextHoverPrimary: string;
textColorTextPressedPrimary: string;
textColorTextFocusPrimary: string;
textColorTextDisabledPrimary: string;
textColorGhostPrimary: string;
textColorGhostHoverPrimary: string;
textColorGhostPressedPrimary: string;
textColorGhostFocusPrimary: string;
textColorGhostDisabledPrimary: string;
borderPrimary: string;
borderHoverPrimary: string;
borderPressedPrimary: string;
borderFocusPrimary: string;
borderDisabledPrimary: string;
rippleColorPrimary: string;
colorInfo: string;
colorHoverInfo: string;
colorPressedInfo: string;
colorFocusInfo: string;
colorDisabledInfo: string;
textColorInfo: string;
textColorHoverInfo: string;
textColorPressedInfo: string;
textColorFocusInfo: string;
textColorDisabledInfo: string;
textColorTextInfo: string;
textColorTextHoverInfo: string;
textColorTextPressedInfo: string;
textColorTextFocusInfo: string;
textColorTextDisabledInfo: string;
textColorGhostInfo: string;
textColorGhostHoverInfo: string;
textColorGhostPressedInfo: string;
textColorGhostFocusInfo: string;
textColorGhostDisabledInfo: string;
borderInfo: string;
borderHoverInfo: string;
borderPressedInfo: string;
borderFocusInfo: string;
borderDisabledInfo: string;
rippleColorInfo: string;
colorSuccess: string;
colorHoverSuccess: string;
colorPressedSuccess: string;
colorFocusSuccess: string;
colorDisabledSuccess: string;
textColorSuccess: string;
textColorHoverSuccess: string;
textColorPressedSuccess: string;
textColorFocusSuccess: string;
textColorDisabledSuccess: string;
textColorTextSuccess: string;
textColorTextHoverSuccess: string;
textColorTextPressedSuccess: string;
textColorTextFocusSuccess: string;
textColorTextDisabledSuccess: string;
textColorGhostSuccess: string;
textColorGhostHoverSuccess: string;
textColorGhostPressedSuccess: string;
textColorGhostFocusSuccess: string;
textColorGhostDisabledSuccess: string;
borderSuccess: string;
borderHoverSuccess: string;
borderPressedSuccess: string;
borderFocusSuccess: string;
borderDisabledSuccess: string;
rippleColorSuccess: string;
colorWarning: string;
colorHoverWarning: string;
colorPressedWarning: string;
colorFocusWarning: string;
colorDisabledWarning: string;
textColorWarning: string;
textColorHoverWarning: string;
textColorPressedWarning: string;
textColorFocusWarning: string;
textColorDisabledWarning: string;
textColorTextWarning: string;
textColorTextHoverWarning: string;
textColorTextPressedWarning: string;
textColorTextFocusWarning: string;
textColorTextDisabledWarning: string;
textColorGhostWarning: string;
textColorGhostHoverWarning: string;
textColorGhostPressedWarning: string;
textColorGhostFocusWarning: string;
textColorGhostDisabledWarning: string;
borderWarning: string;
borderHoverWarning: string;
borderPressedWarning: string;
borderFocusWarning: string;
borderDisabledWarning: string;
rippleColorWarning: string;
colorError: string;
colorHoverError: string;
colorPressedError: string;
colorFocusError: string;
colorDisabledError: string;
textColorError: string;
textColorHoverError: string;
textColorPressedError: string;
textColorFocusError: string;
textColorDisabledError: string;
textColorTextError: string;
textColorTextHoverError: string;
textColorTextPressedError: string;
textColorTextFocusError: string;
textColorTextDisabledError: string;
textColorGhostError: string;
textColorGhostHoverError: string;
textColorGhostPressedError: string;
textColorGhostFocusError: string;
textColorGhostDisabledError: string;
borderError: string;
borderHoverError: string;
borderPressedError: string;
borderFocusError: string;
borderDisabledError: string;
rippleColorError: string;
waveOpacity: string;
fontWeight: string;
fontWeightStrong: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingRoundTiny: string;
paddingRoundSmall: string;
paddingRoundMedium: string;
paddingRoundLarge: string;
iconMarginTiny: string;
iconMarginSmall: string;
iconMarginMedium: string;
iconMarginLarge: string;
iconSizeTiny: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
rippleDuration: string;
}, any>>>;
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
borderRadiusTiny: string;
borderRadiusSmall: string;
borderRadiusMedium: string;
borderRadiusLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
opacityDisabled: string;
colorOpacitySecondary: string;
colorOpacitySecondaryHover: string;
colorOpacitySecondaryPressed: string;
colorSecondary: string;
colorSecondaryHover: string;
colorSecondaryPressed: string;
colorTertiary: string;
colorTertiaryHover: string;
colorTertiaryPressed: string;
colorQuaternary: string;
colorQuaternaryHover: string;
colorQuaternaryPressed: string;
color: string;
colorHover: string;
colorPressed: string;
colorFocus: string;
colorDisabled: string;
textColor: string;
textColorTertiary: string;
textColorHover: string;
textColorPressed: string;
textColorFocus: string;
textColorDisabled: string;
textColorText: string;
textColorTextHover: string;
textColorTextPressed: string;
textColorTextFocus: string;
textColorTextDisabled: string;
textColorGhost: string;
textColorGhostHover: string;
textColorGhostPressed: string;
textColorGhostFocus: string;
textColorGhostDisabled: string;
border: string;
borderHover: string;
borderPressed: string;
borderFocus: string;
borderDisabled: string;
rippleColor: string;
colorPrimary: string;
colorHoverPrimary: string;
colorPressedPrimary: string;
colorFocusPrimary: string;
colorDisabledPrimary: string;
textColorPrimary: string;
textColorHoverPrimary: string;
textColorPressedPrimary: string;
textColorFocusPrimary: string;
textColorDisabledPrimary: string;
textColorTextPrimary: string;
textColorTextHoverPrimary: string;
textColorTextPressedPrimary: string;
textColorTextFocusPrimary: string;
textColorTextDisabledPrimary: string;
textColorGhostPrimary: string;
textColorGhostHoverPrimary: string;
textColorGhostPressedPrimary: string;
textColorGhostFocusPrimary: string;
textColorGhostDisabledPrimary: string;
borderPrimary: string;
borderHoverPrimary: string;
borderPressedPrimary: string;
borderFocusPrimary: string;
borderDisabledPrimary: string;
rippleColorPrimary: string;
colorInfo: string;
colorHoverInfo: string;
colorPressedInfo: string;
colorFocusInfo: string;
colorDisabledInfo: string;
textColorInfo: string;
textColorHoverInfo: string;
textColorPressedInfo: string;
textColorFocusInfo: string;
textColorDisabledInfo: string;
textColorTextInfo: string;
textColorTextHoverInfo: string;
textColorTextPressedInfo: string;
textColorTextFocusInfo: string;
textColorTextDisabledInfo: string;
textColorGhostInfo: string;
textColorGhostHoverInfo: string;
textColorGhostPressedInfo: string;
textColorGhostFocusInfo: string;
textColorGhostDisabledInfo: string;
borderInfo: string;
borderHoverInfo: string;
borderPressedInfo: string;
borderFocusInfo: string;
borderDisabledInfo: string;
rippleColorInfo: string;
colorSuccess: string;
colorHoverSuccess: string;
colorPressedSuccess: string;
colorFocusSuccess: string;
colorDisabledSuccess: string;
textColorSuccess: string;
textColorHoverSuccess: string;
textColorPressedSuccess: string;
textColorFocusSuccess: string;
textColorDisabledSuccess: string;
textColorTextSuccess: string;
textColorTextHoverSuccess: string;
textColorTextPressedSuccess: string;
textColorTextFocusSuccess: string;
textColorTextDisabledSuccess: string;
textColorGhostSuccess: string;
textColorGhostHoverSuccess: string;
textColorGhostPressedSuccess: string;
textColorGhostFocusSuccess: string;
textColorGhostDisabledSuccess: string;
borderSuccess: string;
borderHoverSuccess: string;
borderPressedSuccess: string;
borderFocusSuccess: string;
borderDisabledSuccess: string;
rippleColorSuccess: string;
colorWarning: string;
colorHoverWarning: string;
colorPressedWarning: string;
colorFocusWarning: string;
colorDisabledWarning: string;
textColorWarning: string;
textColorHoverWarning: string;
textColorPressedWarning: string;
textColorFocusWarning: string;
textColorDisabledWarning: string;
textColorTextWarning: string;
textColorTextHoverWarning: string;
textColorTextPressedWarning: string;
textColorTextFocusWarning: string;
textColorTextDisabledWarning: string;
textColorGhostWarning: string;
textColorGhostHoverWarning: string;
textColorGhostPressedWarning: string;
textColorGhostFocusWarning: string;
textColorGhostDisabledWarning: string;
borderWarning: string;
borderHoverWarning: string;
borderPressedWarning: string;
borderFocusWarning: string;
borderDisabledWarning: string;
rippleColorWarning: string;
colorError: string;
colorHoverError: string;
colorPressedError: string;
colorFocusError: string;
colorDisabledError: string;
textColorError: string;
textColorHoverError: string;
textColorPressedError: string;
textColorFocusError: string;
textColorDisabledError: string;
textColorTextError: string;
textColorTextHoverError: string;
textColorTextPressedError: string;
textColorTextFocusError: string;
textColorTextDisabledError: string;
textColorGhostError: string;
textColorGhostHoverError: string;
textColorGhostPressedError: string;
textColorGhostFocusError: string;
textColorGhostDisabledError: string;
borderError: string;
borderHoverError: string;
borderPressedError: string;
borderFocusError: string;
borderDisabledError: string;
rippleColorError: string;
waveOpacity: string;
fontWeight: string;
fontWeightStrong: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingRoundTiny: string;
paddingRoundSmall: string;
paddingRoundMedium: string;
paddingRoundLarge: string;
iconMarginTiny: string;
iconMarginSmall: string;
iconMarginMedium: string;
iconMarginLarge: string;
iconSizeTiny: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
rippleDuration: string;
}, any>>>;
};
export type ButtonProps = ExtractPublicPropTypes<typeof buttonProps>;
export interface ButtonSlots {
default?: () => VNode[];
icon?: () => VNode[];
}
declare const Button: import("vue").DefineComponent<ExtractPropTypes<{
readonly color: StringConstructor;
readonly textColor: StringConstructor;
readonly text: BooleanConstructor;
readonly block: BooleanConstructor;
readonly loading: BooleanConstructor;
readonly disabled: BooleanConstructor;
readonly circle: BooleanConstructor;
readonly size: PropType<Size>;
readonly ghost: BooleanConstructor;
readonly round: BooleanConstructor;
readonly secondary: BooleanConstructor;
readonly tertiary: BooleanConstructor;
readonly quaternary: BooleanConstructor;
readonly strong: BooleanConstructor;
readonly focusable: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly keyboard: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly tag: {
readonly type: PropType<keyof HTMLElementTagNameMap>;
readonly default: "button";
};
readonly type: {
readonly type: PropType<Type>;
readonly default: "default";
};
readonly dashed: BooleanConstructor;
readonly renderIcon: PropType<() => VNodeChild>;
readonly iconPlacement: {
readonly type: PropType<"left" | "right">;
readonly default: "left";
};
readonly attrType: {
readonly type: PropType<"button" | "submit" | "reset">;
readonly default: "button";
};
readonly bordered: {
readonly type: BooleanConstructor;
readonly default: true;
};
readonly onClick: PropType<MaybeArray<(e: MouseEvent) => void>>;
readonly nativeFocusBehavior: {
readonly type: BooleanConstructor;
readonly default: boolean;
};
readonly theme: PropType<import("../../_mixins").Theme<"Button", {
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
borderRadiusTiny: string;
borderRadiusSmall: string;
borderRadiusMedium: string;
borderRadiusLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
opacityDisabled: string;
colorOpacitySecondary: string;
colorOpacitySecondaryHover: string;
colorOpacitySecondaryPressed: string;
colorSecondary: string;
colorSecondaryHover: string;
colorSecondaryPressed: string;
colorTertiary: string;
colorTertiaryHover: string;
colorTertiaryPressed: string;
colorQuaternary: string;
colorQuaternaryHover: string;
colorQuaternaryPressed: string;
color: string;
colorHover: string;
colorPressed: string;
colorFocus: string;
colorDisabled: string;
textColor: string;
textColorTertiary: string;
textColorHover: string;
textColorPressed: string;
textColorFocus: string;
textColorDisabled: string;
textColorText: string;
textColorTextHover: string;
textColorTextPressed: string;
textColorTextFocus: string;
textColorTextDisabled: string;
textColorGhost: string;
textColorGhostHover: string;
textColorGhostPressed: string;
textColorGhostFocus: string;
textColorGhostDisabled: string;
border: string;
borderHover: string;
borderPressed: string;
borderFocus: string;
borderDisabled: string;
rippleColor: string;
colorPrimary: string;
colorHoverPrimary: string;
colorPressedPrimary: string;
colorFocusPrimary: string;
colorDisabledPrimary: string;
textColorPrimary: string;
textColorHoverPrimary: string;
textColorPressedPrimary: string;
textColorFocusPrimary: string;
textColorDisabledPrimary: string;
textColorTextPrimary: string;
textColorTextHoverPrimary: string;
textColorTextPressedPrimary: string;
textColorTextFocusPrimary: string;
textColorTextDisabledPrimary: string;
textColorGhostPrimary: string;
textColorGhostHoverPrimary: string;
textColorGhostPressedPrimary: string;
textColorGhostFocusPrimary: string;
textColorGhostDisabledPrimary: string;
borderPrimary: string;
borderHoverPrimary: string;
borderPressedPrimary: string;
borderFocusPrimary: string;
borderDisabledPrimary: string;
rippleColorPrimary: string;
colorInfo: string;
colorHoverInfo: string;
colorPressedInfo: string;
colorFocusInfo: string;
colorDisabledInfo: string;
textColorInfo: string;
textColorHoverInfo: string;
textColorPressedInfo: string;
textColorFocusInfo: string;
textColorDisabledInfo: string;
textColorTextInfo: string;
textColorTextHoverInfo: string;
textColorTextPressedInfo: string;
textColorTextFocusInfo: string;
textColorTextDisabledInfo: string;
textColorGhostInfo: string;
textColorGhostHoverInfo: string;
textColorGhostPressedInfo: string;
textColorGhostFocusInfo: string;
textColorGhostDisabledInfo: string;
borderInfo: string;
borderHoverInfo: string;
borderPressedInfo: string;
borderFocusInfo: string;
borderDisabledInfo: string;
rippleColorInfo: string;
colorSuccess: string;
colorHoverSuccess: string;
colorPressedSuccess: string;
colorFocusSuccess: string;
colorDisabledSuccess: string;
textColorSuccess: string;
textColorHoverSuccess: string;
textColorPressedSuccess: string;
textColorFocusSuccess: string;
textColorDisabledSuccess: string;
textColorTextSuccess: string;
textColorTextHoverSuccess: string;
textColorTextPressedSuccess: string;
textColorTextFocusSuccess: string;
textColorTextDisabledSuccess: string;
textColorGhostSuccess: string;
textColorGhostHoverSuccess: string;
textColorGhostPressedSuccess: string;
textColorGhostFocusSuccess: string;
textColorGhostDisabledSuccess: string;
borderSuccess: string;
borderHoverSuccess: string;
borderPressedSuccess: string;
borderFocusSuccess: string;
borderDisabledSuccess: string;
rippleColorSuccess: string;
colorWarning: string;
colorHoverWarning: string;
colorPressedWarning: string;
colorFocusWarning: string;
colorDisabledWarning: string;
textColorWarning: string;
textColorHoverWarning: string;
textColorPressedWarning: string;
textColorFocusWarning: string;
textColorDisabledWarning: string;
textColorTextWarning: string;
textColorTextHoverWarning: string;
textColorTextPressedWarning: string;
textColorTextFocusWarning: string;
textColorTextDisabledWarning: string;
textColorGhostWarning: string;
textColorGhostHoverWarning: string;
textColorGhostPressedWarning: string;
textColorGhostFocusWarning: string;
textColorGhostDisabledWarning: string;
borderWarning: string;
borderHoverWarning: string;
borderPressedWarning: string;
borderFocusWarning: string;
borderDisabledWarning: string;
rippleColorWarning: string;
colorError: string;
colorHoverError: string;
colorPressedError: string;
colorFocusError: string;
colorDisabledError: string;
textColorError: string;
textColorHoverError: string;
textColorPressedError: string;
textColorFocusError: string;
textColorDisabledError: string;
textColorTextError: string;
textColorTextHoverError: string;
textColorTextPressedError: string;
textColorTextFocusError: string;
textColorTextDisabledError: string;
textColorGhostError: string;
textColorGhostHoverError: string;
textColorGhostPressedError: string;
textColorGhostFocusError: string;
textColorGhostDisabledError: string;
borderError: string;
borderHoverError: string;
borderPressedError: string;
borderFocusError: string;
borderDisabledError: string;
rippleColorError: string;
waveOpacity: string;
fontWeight: string;
fontWeightStrong: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingRoundTiny: string;
paddingRoundSmall: string;
paddingRoundMedium: string;
paddingRoundLarge: string;
iconMarginTiny: string;
iconMarginSmall: string;
iconMarginMedium: string;
iconMarginLarge: string;
iconSizeTiny: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
rippleDuration: string;
}, any>>;
readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
borderRadiusTiny: string;
borderRadiusSmall: string;
borderRadiusMedium: string;
borderRadiusLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
opacityDisabled: string;
colorOpacitySecondary: string;
colorOpacitySecondaryHover: string;
colorOpacitySecondaryPressed: string;
colorSecondary: string;
colorSecondaryHover: string;
colorSecondaryPressed: string;
colorTertiary: string;
colorTertiaryHover: string;
colorTertiaryPressed: string;
colorQuaternary: string;
colorQuaternaryHover: string;
colorQuaternaryPressed: string;
color: string;
colorHover: string;
colorPressed: string;
colorFocus: string;
colorDisabled: string;
textColor: string;
textColorTertiary: string;
textColorHover: string;
textColorPressed: string;
textColorFocus: string;
textColorDisabled: string;
textColorText: string;
textColorTextHover: string;
textColorTextPressed: string;
textColorTextFocus: string;
textColorTextDisabled: string;
textColorGhost: string;
textColorGhostHover: string;
textColorGhostPressed: string;
textColorGhostFocus: string;
textColorGhostDisabled: string;
border: string;
borderHover: string;
borderPressed: string;
borderFocus: string;
borderDisabled: string;
rippleColor: string;
colorPrimary: string;
colorHoverPrimary: string;
colorPressedPrimary: string;
colorFocusPrimary: string;
colorDisabledPrimary: string;
textColorPrimary: string;
textColorHoverPrimary: string;
textColorPressedPrimary: string;
textColorFocusPrimary: string;
textColorDisabledPrimary: string;
textColorTextPrimary: string;
textColorTextHoverPrimary: string;
textColorTextPressedPrimary: string;
textColorTextFocusPrimary: string;
textColorTextDisabledPrimary: string;
textColorGhostPrimary: string;
textColorGhostHoverPrimary: string;
textColorGhostPressedPrimary: string;
textColorGhostFocusPrimary: string;
textColorGhostDisabledPrimary: string;
borderPrimary: string;
borderHoverPrimary: string;
borderPressedPrimary: string;
borderFocusPrimary: string;
borderDisabledPrimary: string;
rippleColorPrimary: string;
colorInfo: string;
colorHoverInfo: string;
colorPressedInfo: string;
colorFocusInfo: string;
colorDisabledInfo: string;
textColorInfo: string;
textColorHoverInfo: string;
textColorPressedInfo: string;
textColorFocusInfo: string;
textColorDisabledInfo: string;
textColorTextInfo: string;
textColorTextHoverInfo: string;
textColorTextPressedInfo: string;
textColorTextFocusInfo: string;
textColorTextDisabledInfo: string;
textColorGhostInfo: string;
textColorGhostHoverInfo: string;
textColorGhostPressedInfo: string;
textColorGhostFocusInfo: string;
textColorGhostDisabledInfo: string;
borderInfo: string;
borderHoverInfo: string;
borderPressedInfo: string;
borderFocusInfo: string;
borderDisabledInfo: string;
rippleColorInfo: string;
colorSuccess: string;
colorHoverSuccess: string;
colorPressedSuccess: string;
colorFocusSuccess: string;
colorDisabledSuccess: string;
textColorSuccess: string;
textColorHoverSuccess: string;
textColorPressedSuccess: string;
textColorFocusSuccess: string;
textColorDisabledSuccess: string;
textColorTextSuccess: string;
textColorTextHoverSuccess: string;
textColorTextPressedSuccess: string;
textColorTextFocusSuccess: string;
textColorTextDisabledSuccess: string;
textColorGhostSuccess: string;
textColorGhostHoverSuccess: string;
textColorGhostPressedSuccess: string;
textColorGhostFocusSuccess: string;
textColorGhostDisabledSuccess: string;
borderSuccess: string;
borderHoverSuccess: string;
borderPressedSuccess: string;
borderFocusSuccess: string;
borderDisabledSuccess: string;
rippleColorSuccess: string;
colorWarning: string;
colorHoverWarning: string;
colorPressedWarning: string;
colorFocusWarning: string;
colorDisabledWarning: string;
textColorWarning: string;
textColorHoverWarning: string;
textColorPressedWarning: string;
textColorFocusWarning: string;
textColorDisabledWarning: string;
textColorTextWarning: string;
textColorTextHoverWarning: string;
textColorTextPressedWarning: string;
textColorTextFocusWarning: string;
textColorTextDisabledWarning: string;
textColorGhostWarning: string;
textColorGhostHoverWarning: string;
textColorGhostPressedWarning: string;
textColorGhostFocusWarning: string;
textColorGhostDisabledWarning: string;
borderWarning: string;
borderHoverWarning: string;
borderPressedWarning: string;
borderFocusWarning: string;
borderDisabledWarning: string;
rippleColorWarning: string;
colorError: string;
colorHoverError: string;
colorPressedError: string;
colorFocusError: string;
colorDisabledError: string;
textColorError: string;
textColorHoverError: string;
textColorPressedError: string;
textColorFocusError: string;
textColorDisabledError: string;
textColorTextError: string;
textColorTextHoverError: string;
textColorTextPressedError: string;
textColorTextFocusError: string;
textColorTextDisabledError: string;
textColorGhostError: string;
textColorGhostHoverError: string;
textColorGhostPressedError: string;
textColorGhostFocusError: string;
textColorGhostDisabledError: string;
borderError: string;
borderHoverError: string;
borderPressedError: string;
borderFocusError: string;
borderDisabledError: string;
rippleColorError: string;
waveOpacity: string;
fontWeight: string;
fontWeightStrong: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingRoundTiny: string;
paddingRoundSmall: string;
paddingRoundMedium: string;
paddingRoundLarge: string;
iconMarginTiny: string;
iconMarginSmall: string;
iconMarginMedium: string;
iconMarginLarge: string;
iconSizeTiny: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
rippleDuration: string;
}, any>>>;
readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Button", {
heightTiny: string;
heightSmall: string;
heightMedium: string;
heightLarge: string;
borderRadiusTiny: string;
borderRadiusSmall: string;
borderRadiusMedium: string;
borderRadiusLarge: string;
fontSizeTiny: string;
fontSizeSmall: string;
fontSizeMedium: string;
fontSizeLarge: string;
opacityDisabled: string;
colorOpacitySecondary: string;
colorOpacitySecondaryHover: string;
colorOpacitySecondaryPressed: string;
colorSecondary: string;
colorSecondaryHover: string;
colorSecondaryPressed: string;
colorTertiary: string;
colorTertiaryHover: string;
colorTertiaryPressed: string;
colorQuaternary: string;
colorQuaternaryHover: string;
colorQuaternaryPressed: string;
color: string;
colorHover: string;
colorPressed: string;
colorFocus: string;
colorDisabled: string;
textColor: string;
textColorTertiary: string;
textColorHover: string;
textColorPressed: string;
textColorFocus: string;
textColorDisabled: string;
textColorText: string;
textColorTextHover: string;
textColorTextPressed: string;
textColorTextFocus: string;
textColorTextDisabled: string;
textColorGhost: string;
textColorGhostHover: string;
textColorGhostPressed: string;
textColorGhostFocus: string;
textColorGhostDisabled: string;
border: string;
borderHover: string;
borderPressed: string;
borderFocus: string;
borderDisabled: string;
rippleColor: string;
colorPrimary: string;
colorHoverPrimary: string;
colorPressedPrimary: string;
colorFocusPrimary: string;
colorDisabledPrimary: string;
textColorPrimary: string;
textColorHoverPrimary: string;
textColorPressedPrimary: string;
textColorFocusPrimary: string;
textColorDisabledPrimary: string;
textColorTextPrimary: string;
textColorTextHoverPrimary: string;
textColorTextPressedPrimary: string;
textColorTextFocusPrimary: string;
textColorTextDisabledPrimary: string;
textColorGhostPrimary: string;
textColorGhostHoverPrimary: string;
textColorGhostPressedPrimary: string;
textColorGhostFocusPrimary: string;
textColorGhostDisabledPrimary: string;
borderPrimary: string;
borderHoverPrimary: string;
borderPressedPrimary: string;
borderFocusPrimary: string;
borderDisabledPrimary: string;
rippleColorPrimary: string;
colorInfo: string;
colorHoverInfo: string;
colorPressedInfo: string;
colorFocusInfo: string;
colorDisabledInfo: string;
textColorInfo: string;
textColorHoverInfo: string;
textColorPressedInfo: string;
textColorFocusInfo: string;
textColorDisabledInfo: string;
textColorTextInfo: string;
textColorTextHoverInfo: string;
textColorTextPressedInfo: string;
textColorTextFocusInfo: string;
textColorTextDisabledInfo: string;
textColorGhostInfo: string;
textColorGhostHoverInfo: string;
textColorGhostPressedInfo: string;
textColorGhostFocusInfo: string;
textColorGhostDisabledInfo: string;
borderInfo: string;
borderHoverInfo: string;
borderPressedInfo: string;
borderFocusInfo: string;
borderDisabledInfo: string;
rippleColorInfo: string;
colorSuccess: string;
colorHoverSuccess: string;
colorPressedSuccess: string;
colorFocusSuccess: string;
colorDisabledSuccess: string;
textColorSuccess: string;
textColorHoverSuccess: string;
textColorPressedSuccess: string;
textColorFocusSuccess: string;
textColorDisabledSuccess: string;
textColorTextSuccess: string;
textColorTextHoverSuccess: string;
textColorTextPressedSuccess: string;
textColorTextFocusSuccess: string;
textColorTextDisabledSuccess: string;
textColorGhostSuccess: string;
textColorGhostHoverSuccess: string;
textColorGhostPressedSuccess: string;
textColorGhostFocusSuccess: string;
textColorGhostDisabledSuccess: string;
borderSuccess: string;
borderHoverSuccess: string;
borderPressedSuccess: string;
borderFocusSuccess: string;
borderDisabledSuccess: string;
rippleColorSuccess: string;
colorWarning: string;
colorHoverWarning: string;
colorPressedWarning: string;
colorFocusWarning: string;
colorDisabledWarning: string;
textColorWarning: string;
textColorHoverWarning: string;
textColorPressedWarning: string;
textColorFocusWarning: string;
textColorDisabledWarning: string;
textColorTextWarning: string;
textColorTextHoverWarning: string;
textColorTextPressedWarning: string;
textColorTextFocusWarning: string;
textColorTextDisabledWarning: string;
textColorGhostWarning: string;
textColorGhostHoverWarning: string;
textColorGhostPressedWarning: string;
textColorGhostFocusWarning: string;
textColorGhostDisabledWarning: string;
borderWarning: string;
borderHoverWarning: string;
borderPressedWarning: string;
borderFocusWarning: string;
borderDisabledWarning: string;
rippleColorWarning: string;
colorError: string;
colorHoverError: string;
colorPressedError: string;
colorFocusError: string;
colorDisabledError: string;
textColorError: string;
textColorHoverError: string;
textColorPressedError: string;
textColorFocusError: string;
textColorDisabledError: string;
textColorTextError: string;
textColorTextHoverError: string;
textColorTextPressedError: string;
textColorTextFocusError: string;
textColorTextDisabledError: string;
textColorGhostError: string;
textColorGhostHoverError: string;
textColorGhostPressedError: string;
textColorGhostFocusError: string;
textColorGhostDisabledError: string;
borderError: string;
borderHoverError: string;
borderPressedError: string;
borderFocusError: string;
borderDisabledError: string;
rippleColorError: string;
waveOpacity: string;
fontWeight: string;
fontWeightStrong: string;
paddingTiny: string;
paddingSmall: string;
paddingMedium: string;
paddingLarge: string;
paddingRoundTiny: string;
paddingRoundSmall: string;
paddingRoundMedium: string;
paddingRoundLarge: string;
iconMarginTiny: string;
iconMarginSmall: string;
iconMarginMedium: string;
iconMarginLarge: string;
iconSizeTiny: string;
iconSizeSmall: string;
iconSizeMedium: string;
iconSizeLarge: string;
rippleDuration: string;
}, any>>>;
}>, {
selfElRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
waveElRef: import("vue").Ref<{
play: () => void;
} | null, BaseWaveRef | {
play: () => void;
} | null>;
mergedClsPrefix: import("vue").Ref<string, string>;
mergedFocusable: import("vue").ComputedRef<boolean>;
mergedSize: import("vue").ComputedRef<"small" | "medium" | "large" | "tiny">;
showBorder: import("vue").ComputedRef<boolean>;
enterPressed: import("vue").Ref<boolean, boolean>;
rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined, import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
handleMousedown: (e: MouseEvent) => void;
handleKeydown: (e: KeyboardEvent) => void;
handleBlur: () => void;
handleKeyup: (e: KeyboardEvent) => void;
handleClick: (e: MouseEvent) => void;
customColorCssVars: import("vue").ComputedRef<{
'--n-border-color': string;
'--n-border-color-hover': string;
'--n-border-color-pressed': string;
'--n-border-color-focus': string;
'--n-border-color-disabled': string;
} |