@coreui/react
Version:
UI Components Library for React.js
57 lines (56 loc) • 2.02 kB
TypeScript
import { ElementType } from 'react';
import { CLinkProps } from '../link/CLink';
import { PolymorphicRefForwardingComponent } from '../../helpers';
import type { Colors, Shapes } from '../../types';
export interface CButtonProps extends Omit<CLinkProps, 'size'> {
/**
* Toggle the active state for the component.
*/
active?: boolean;
/**
* Component used for the root node. Either a string to use a HTML element or a component.
*/
as?: ElementType;
/**
* A string of all className you want applied to the base component.
*/
className?: string;
/**
* Sets the color context of the component to one of CoreUI’s themed colors.
*
* @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
*/
color?: Colors;
/**
* Toggle the disabled state for the component.
*/
disabled?: boolean;
/**
* The href attribute specifies the URL of the page the link goes to.
*/
href?: string;
/**
* The role attribute describes the role of an element in programs that can make use of it, such as screen readers or magnifiers.
*/
role?: string;
/**
* Select the shape of the component.
*
* @type 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string
*/
shape?: Shapes;
/**
* Size the component small or large.
*/
size?: 'sm' | 'lg';
/**
* 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.
*/
type?: 'button' | 'submit' | 'reset';
/**
* Set the button variant to an outlined button or a ghost button.
*/
variant?: 'outline' | 'ghost';
}
export declare const CButton: PolymorphicRefForwardingComponent<'button', CButtonProps>;