Skip to content
On this page

VButton

Button components for different button styles

Import

js
import { VButton } from 'vui-vc-next'

app.component(VButton.name, VButton)

API

Button Props

PropsDescriptionTypeDefaultNote
typeThe theme typeStringdefaultdefault, primary, warning, disabled, link
native-typeThe button typeStringbutton-
sizeThe size of buttonStringlargelarge, small
plainThe plain stateBooleanfalse-
roundThe round radius stateBooleanfalse-
inlineThe inline stateBooleanfalse-
iconThe icon of buttonString-refer to Icon for optional values
icon-svgWhether use svg iconBooleanfalse-
inactiveThe inactive stateBooleanfalseThe button is not clickable which is inactive or disabled. The former is generally used for subjective factors such as invalid form validation, and the latter is used for objective factors such as no permission or no inventory
loadingThe loading stateBooleanfalsenot ready yet

Button Events

@click(event)

Button click event