README.md

wxc-button

Basic button with 4 built-in types, supports custom style

Demo

    

!>In weex-ui V0.6.0 version above, type Api has been modified, and size Api is added.

Code Example

<template>
  <wxc-button text="Confirm"
              @wxcButtonClicked="wxcButtonClicked"></wxc-button>
</template>

<script>
  import { WxcButton } from 'weex-ui'
  export default {
    components: { WxcButton },
    methods: {
      wxcButtonClicked (e) {
        console.log(e)
      }
    }
  }
</script>

More details can be found in here

API

Prop	Type	Required	Default	Description
text	String	Y	-	the text of button
type	String	N	red	can be set to white/red/yellow/blue/green
size	String	N	full	can be set to full/big/medium/small
disabled	Boolean	N	false	set disabled（*1）
isHighlight	Boolean	N	false	Whether to highlight
btnStyle	Object	N	{}	custom style about button（*2）
textStyle	Object	N	{}	custom style about text （*3）

• *1：disabled will override the default style.
• *2：Detailed style can be referenced here
• *3：Detailed style can be referenced here

Event

// `@wxcButtonClicked="wxcButtonClicked"`
will return e, type, disabled