mand-mobile/components/action-bar
xuxiaoyan c39727fb0a test: update mand-mobile introduction 2018-12-21 18:18:05 +08:00
..
demo example: remove old codesandbox & fix en title 2018-12-13 20:04:48 +08:00
test test: update mand-mobile introduction 2018-12-21 18:18:05 +08:00
README.en-US.md doc: update readme example link 2018-12-18 16:06:20 +08:00
README.md doc: update readme example link 2018-12-18 16:06:20 +08:00
component.js Initial commit 2018-03-26 16:04:04 +08:00
index.vue fix(action-bar): update style 2018-12-21 15:04:08 +08:00

README.en-US.md

title preview
ActionBar https://mand-mobile.github.io/2x-doc/examples/#/action-bar

Bottom sidebar with a number of texts or action buttons that can be used to present form information and submit buttons

Import

import { ActionBar } from 'mand-mobile'

Vue.component(ActionBar.name, ActionBar)

Code Examples

API

ActionBar Props

Props Description Type Default Note
actions button group Array<{text, disabled, onClick}> - text is button text,
disabledis whether to disable the button or not,
onClickis click event callback function with the same parameters as the click event

ActionBar Slots

default

left content

ActionBar Events

@click(event, action)

Button click event

Props Description Type
action object corresponding to the clicked button in the actions list Object: {text, disabled, ...}