Explore the API reference for the Vue Buttons component and discover how to effectively utilize its props for customization.
On this page
CButton
jsx
import { CButton } from '@coreui/vue-pro'
Props
Property
Default
Type
active
-
boolean
Toggle the active state for the component.
as
'button'
string
Component used for the root node. Either a string to use a HTML element or a component.
color
-
Color
Sets the color context of the component to one of CoreUI’s themed colors.
disabled
-
boolean
Toggle the disabled state for the component.
href
-
string
The href attribute specifies the URL of the page the link goes to.
shape
-
Shape
Select the shape of the component.
size
-
string
Size the component small or large.
type
'button'
string
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.
variant
-
string
Set the button variant to an outlined button or a ghost button.