# 按钮类型

- order: 0

普通按钮。

---

````js

/** @jsx createElement */
import {createElement, Component,render} from 'rax';
import View from 'nuke-view';
import Text from 'nuke-text';
import Button from 'nuke-button';
import VarLoader from 'nuke-var-loader';
const { setVars,getVar } = VarLoader;
setVars({
    ['color-b1-6']:'#ff6600'
    
});
let App = class NukeDemoIndex extends Component {
    constructor() {
        super();
    }

    render() {
        return (
            <View>
                <Text style={{color:getVar('color-b1-6')}}>主题色</Text>
                <Button type="primary">Button不用再写颜色覆盖，默认已切换成主题色</Button>
            </View>

        );
    }
}

render(<App/>);

````