故事书中复选框的强制状态eg checked=“true”?

这是一个正在进行的工作,尚未完全发挥作用,但它确实通过道具,所以我只是让故事书合作。

故事书插件伪状态真的应该有这个内置的。。。

我使用的是jsx方法,但差别可以忽略不计。

我昨晚刚开始学习Vue和storybook,所以这对我来说是一个全新的版本,稍后我会发布一个功能齐全的版本。

复选框。故事。js

export const CheckBoxChecked = Template.bind({});
CheckBoxChecked.args = {
    label: 'Checked',
    checked: true,
};

复选框。jsx

import Vue from 'vue';
import { styled, VueEmotion } from '@egoist/vue-emotion';

import './checkbox.css';

Vue.use(VueEmotion);

const Label = styled('label')`
`

const Input = styled('input')`
    opacity: 0;
    width: 1em;
    height: 1em;
`

export default {
    name: 'CheckBox',
    props: {
        label: {
            type: String,
            required: true,
        },
        checked: {
            type: Boolean,
            default: false
        },
render (h) {
        return (
            <Label>
                <Input type="checkbox" checked={this.checked} />
            </Label>
        )
    }
}