Button

Button components for configuring different button styles

Import

import { Button } from  'mand-mobile-next'

Vue.createApp().component(Button.name, Button)

Code Examples

API

Button Props

PropsDescriptionTypeDefaultNote
typetheme typeStringdefaultdefault, primary, warning, disabled, link
native-typebutton typeStringbutton-
size-Stringlargelarge/small
plain-Booleanfalse-
round-Booleanfalse-
inline-Booleanfalse-
icon-String-refer to Icon for optional values
icon-svguse svg iconBooleanfalse-
inactive-BooleanfalseThe 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
loadingloading stateBooleanfalse-

Button Events

@click(event)

Button click event