@syncfusion/ej2-react-splitbuttons
Version:
A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for React
164 lines • 7.1 kB
JSON
{
"name": "SplitButtons",
"description": "SplitButton Components",
"keywords": {
"common": ["ej2", "ej2-splitbuttons", "syncfusion", "ej2 splitbutton", "ej2 dropdownbutton", "ej2 buttongroup", "ej2 progress button", "split button", "splitbutton", "dropdown", "dropdown button", "drop-down button", "dropdownbutton", "dropdown popup", "button group", "buttongroup", "group button", "progress button", "spin button", "animation button", "progress", "spinner", "progress indicator"],
"angular": ["angular", "ng", "ej2-ng-splitbuttons", "ng-splitbutton", "ng-dropdownbutton", "ng progress button", "angular progress button", "ng spin button", "angular spin button", "ng progress", "angular progress", "ng progress indicator", "angular progress indicator", "ng spinner", "angular spinner"],
"react": ["react", "reactjs", "ej2-react-splitbuttons", "react-splitbutton", "react-dropdownbutton", "react progress button", "react spin button", "react progress", "react progress indicator", "react spinner"],
"vue": ["vue", "vuejs", "ej2-vue-splitbuttons", "vue-splitbutton", "vue-dropdownbutton", "vue progress button", "vue spin button", "vue progress", "vue spinner", "vue progress indicator"]
},
"repository": {
"type": "git",
"url": "https://github.com/syncfusion/ej2-ng-splitbuttons"
},
"eventInterfaces": ["MenuEventArgs", "BeforeOpenCloseMenuEventArgs", "OpenCloseMenuEventArgs", "ProgressEventArgs", "ClickEventArgs"],
"components": [
{
"baseClass": "DropDownButton",
"directoryName": "drop-down-button",
"type": "container",
"defaultTag": "<button id='dropdownbutton'></button>",
"selector": "[ejs-dropdownbutton]",
"preferredTag": "button",
"blazorPlaceholder": "dropdownbutton",
"blazorType": "native",
"blazorDependency": [
"ej2-base",
"ej2-popups/popup",
"../blazor/sf-drop-down-button"
],
"tagDirective": [
{
"directiveClassName": "DropDownButtonItem",
"arrayDirectiveClassName": "DropDownButtonItems",
"isBlazorOnly": true,
"propertyName": "items",
"baseClass": "Item",
"blazorClassName": "DropDownButtonItem",
"blazorArrayClassName": "DropDownButtonItems"
}
],
"comment": [
"/**",
" * Represents the Angular DropDownButton Component.",
" * ```html",
" * <button ejs-dropdownbutton>DropDownButton</button>",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `DropDownButtonComponent` represents the react DropDownButton Component.",
" * ```ts",
" * <DropDownButtonComponent content='DropDownButton'></DropDownButtonComponent>",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents the Essential JS 2 VueJS DropDownButton Component",
" * ```html",
" * <ejs-dropdownbutton>DropDownButton</ejs-dropdownbutton>",
" * ```",
" */"
]
},
{
"baseClass": "SplitButton",
"directoryName": "split-button",
"type": "container",
"defaultTag": "<button id='splitbutton'></button>",
"preferredTag": "button",
"blazorPlaceholder": "splitbutton",
"blazorType": "native",
"blazorDependency": [
"ej2-base",
"ej2-popups/popup",
"../blazor/sf-drop-down-button"
],
"tagDirective": [
{
"directiveClassName": "SplitButtonItem",
"arrayDirectiveClassName": "SplitButtonItems",
"isBlazorOnly": true,
"propertyName": "items",
"baseClass": "Item",
"blazorClassName": "SplitButtonItem",
"blazorArrayClassName": "SplitButtonItems"
}
],
"comment": [
"/**",
" * Represents the Angular SplitButton Component.",
" * ```html",
" * <ejs-splitbutton content='Split Button'></ejs-splitbutton>",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `SplitButtonComponent` represents the react SplitButton Component.",
" * ```ts",
" * <SplitButtonComponent content='Split Button'></SplitButtonComponent>",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents the Essential JS 2 VueJS SplitButton Component",
" * ```html",
" * <ejs-splitbutton content='Split Button'></ejs-splitbutton>",
" * ```",
" */"
]
},
{
"baseClass": "ProgressButton",
"directoryName": "progress-button",
"type": "container",
"defaultTag": "<button id='progressbutton'></button>",
"selector": "[ejs-progressbutton]",
"preferredTag": "button",
"blazorPlaceholder": "progressbutton",
"blazorType": "native",
"blazorDependency": [
"ej2-base",
"ej2-popups/blazor/Spinner"
],
"comment": [
"/**",
" * Represents the Angular ProgressButton Component.",
" * ```html",
" * <button ejs-progressbutton content='Progress Button'></button>",
" * ```",
" */"
],
"reactComment": [
"/**",
" * `ProgressButtonComponent` represents the react ProgressButton Component.",
" * ```ts",
" * <ProgressButtonComponent content='Progress Button'></ProgressButtonComponent>",
" * ```",
" */"
],
"vueComment": [
"/**",
" * Represents the Essential JS 2 VueJS ProgressButton Component",
" * ```html",
" * <ejs-progressbutton content='Progress Button'></ejs-progressbutton>",
" * ```",
" */"
],
"complexDirective": [
{
"baseClass": "SpinSettings",
"propertyName": "spinSettings"
},
{
"baseClass": "AnimationSettings",
"propertyName": "animationSettings"
}
]
}
]
}