{
    "name": "@nly-adminlte-vue/control-sidebr",
    "version": "1.0.0",
    "meta": {
        "title": "Control Sidebar",
        "subtitle": "右侧滑板",
        "description": "Control Sidebar 是一个可收缩的右侧滑板，浮动在右侧，自适应布局header和footer距离",
        "directives": [
            {
                "directive": "VNlyControlSidebarCollapse",
                "description": "右侧滑板收起展开指令",
                "expression": "String",
                "modifiers": [
                    {
                        "name": "",
                        "pattern": "[a-zA-Z][a-zA-Z0-9_\\-]*",
                        "description": "不需要传入参数，直接绑定便可控制右侧滑板收起展开"
                    }
                ]
            }
        ],
        "components": [
            {
                "component": "NlyControlSidebar",
                "description": "右侧滑板",
                "props": [
                    {
                        "prop": "controlSidebarClass",
                        "description": "自定义css"
                    },
                    {
                        "prop": "size",
                        "description": "字体大小，可选xs，sm，md，lg，xl"
                    },
                    {
                        "prop": "light",
                        "description": "默认背景色，默认为false，背景色为dark，设置true，背景色为light"
                    },
                    {
                        "prop": "bgVariant",
                        "description": "背景色，会覆盖prop light， 可选背景色， 默认无背景， 可选 primary， secondary， success， info， warning， danger， light， dark， lightblue， navy， olive， lime， fuchsia， maroon， blue， indigo， purple， pink， red， orange， yellow， green， teal， cyan， white， gray， graydark"
                    },
                    {
                        "prop": "bgGradientVariant",
                        "description": "渐变背景色， 会覆盖prop light 和 prop bg-variant， 可选 primary， secondary， success， info， warning， danger， light， dark， lightblue， navy， olive， lime， fuchsia， maroon， blue， indigo， purple， pink， red， orange， yellow， green， teal， cyan， white， gray， graydark"
                    }
                ]
            },
            {
                "component": "NlyControlSidebarContainer",
                "description": "右侧滑板容器",
                "props": []
            },
            {
                "component": "NlyControlSidebarButton",
                "description": "右侧滑板按钮",
                "props": [
                    {
                        "prop": "bgVariant",
                        "description": "背景色，会覆盖prop light， 可选背景色， 默认无背景， 可选 primary， secondary， success， info， warning， danger， light， dark， lightblue， navy， olive， lime， fuchsia， maroon， blue， indigo， purple， pink， red， orange， yellow， green， teal， cyan， white， gray， graydark"
                    },
                    {
                        "prop": "bgGradientVariant",
                        "description": "渐变背景色， 会覆盖prop light 和 prop bg-variant， 可选 primary， secondary， success， info， warning， danger， light， dark， lightblue， navy， olive， lime， fuchsia， maroon， blue， indigo， purple， pink， red， orange， yellow， green， teal， cyan， white， gray， graydark"
                    },
                    {
                        "prop": "controlButtonClass",
                        "description": "自定义css"
                    }
                ],
                "events": [
                    {
                        "event": "click",
                        "description": "点击按钮触发事件",
                        "args": [
                            {
                                "name": "event",
                                "type": "鼠标事件",
                                "description": "原生点击事件"
                            }
                        ]
                    }
                ]
            }
        ]
    }
}