import { CButton } from '@coreui/react'// orimport CButton from '@coreui/react/src/components/button/CButton'| Property | Description | Type | Default |
|---|---|---|---|
| active | Toggle the active state for the component. | boolean | - |
| className | A string of all className you want applied to the base component. | string | - |
| color | Sets the color context of the component to one of CoreUI’s themed colors. | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string | primary |
| component | Component used for the root node. Either a string to use a HTML element or a component. | string | ComponentClass<any, any> | FunctionComponent<any> | button |
| disabled | Toggle the disabled state for the component. | boolean | - |
| href | The href attribute specifies the URL of the page the link goes to. | string | - |
| role | The role attribute describes the role of an element in programs that can make use of it, such as screen readers or magnifiers. | string | - |
| shape | Select the shape of the component. | 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string | - |
| size | Size the component small or large. | 'sm' | 'lg' | - |
| type | 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. | 'button' | 'submit' | 'reset' | button |
| variant | Set the button variant to an outlined button or a ghost button. | 'outline' | 'ghost' | - |
On this page