mand-mobile/components/button
hangzou 88d0e7471e
fix(button): correct link button line-height (#665)
fix #663
2020-04-30 10:23:02 +08:00
..
demo example: update demos configration 2019-08-12 17:15:21 +08:00
test fix(button): change default slot wrapper from p to div (#542) 2019-09-04 15:08:08 +08:00
README.en-US.md feat(button): add props loading (#507) 2019-07-29 10:41:37 +08:00
README.md feat(button): add props loading (#507) 2019-07-29 10:41:37 +08:00
index.vue fix(button): correct link button line-height (#665) 2020-04-30 10:23:02 +08:00

README.en-US.md

title preview
Button https://didi.github.io/mand-mobile/examples/#/button

Button components for configuring different button styles

Import

import { Button } from 'mand-mobile'

Vue.component(Button.name, Button)

Code Examples

API

Button Props

Props Description Type Default Note
type theme type String default default, primary, warning, disabled, link
native-type button type String button -
size - String large large/small
plain - Boolean false -
round - Boolean false -
inline - Boolean false -
icon - String - refer to Icon for optional values
icon-svg use svg icon Boolean false -
inactive - Boolean false The 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
loading loading state Boolean false -

Button Events

@click(event)

Button click event