@coreui/vue
Version:
UI Components Library for Vue.js
145 lines (144 loc) • 4.5 kB
TypeScript
export declare const CButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
/**
* Toggle the active state for the component.
*/
active: BooleanConstructor;
/**
* Component used for the root node. Either a string to use a HTML element or a component.
*/
as: {
type: StringConstructor;
default: string;
};
/**
* Sets the color context of the component to one of CoreUI’s themed colors.
*
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
*/
color: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Toggle the disabled state for the component.
*/
disabled: BooleanConstructor;
/**
* The href attribute specifies the URL of the page the link goes to.
*/
href: StringConstructor;
/**
* Select the shape of the component.
*
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
*/
shape: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Size the component small or large.
*
* @values 'sm', 'lg'
*/
size: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Specifies the type of button. Always specify the type attribute for the `<button>` element.
* Different browsers may use different default types for the `<button>` element.
*
* @values 'button', 'submit', 'reset'
*/
type: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
/**
* Set the button variant to an outlined button or a ghost button.
*
* @values 'ghost', 'outline'
*/
variant: {
type: StringConstructor;
validator: (value: string) => boolean;
};
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
/**
* Toggle the active state for the component.
*/
active: BooleanConstructor;
/**
* Component used for the root node. Either a string to use a HTML element or a component.
*/
as: {
type: StringConstructor;
default: string;
};
/**
* Sets the color context of the component to one of CoreUI’s themed colors.
*
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
*/
color: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Toggle the disabled state for the component.
*/
disabled: BooleanConstructor;
/**
* The href attribute specifies the URL of the page the link goes to.
*/
href: StringConstructor;
/**
* Select the shape of the component.
*
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
*/
shape: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Size the component small or large.
*
* @values 'sm', 'lg'
*/
size: {
type: StringConstructor;
validator: (value: string) => boolean;
};
/**
* Specifies the type of button. Always specify the type attribute for the `<button>` element.
* Different browsers may use different default types for the `<button>` element.
*
* @values 'button', 'submit', 'reset'
*/
type: {
type: StringConstructor;
default: string;
validator: (value: string) => boolean;
};
/**
* Set the button variant to an outlined button or a ghost button.
*
* @values 'ghost', 'outline'
*/
variant: {
type: StringConstructor;
validator: (value: string) => boolean;
};
}>> & Readonly<{
onClick?: ((...args: any[]) => any) | undefined;
}>, {
type: string;
disabled: boolean;
as: string;
active: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;