element-plus/lib/web-types.json

A Component Library for Vue3.0

{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"element-plus","version":"1.0.2-beta.58","contributions":{"html":{"types-syntax":"typescript","description-markup":"markdown","tags":[{"name":"el-affix","description":"Fix the element to a specific visible area.","doc-url":"https://element-plus.org/#/en-US/component/affix#affix","attributes":[{"name":"offset","description":"offset distance","doc-url":"https://element-plus.org/#/en-US/component/affix#attributes","default":"0","value":{"type":"number","kind":"expression"}},{"name":"position","description":"position of affix","doc-url":"https://element-plus.org/#/en-US/component/affix#attributes","default":"top","value":{"type":"string","kind":"expression"}},{"name":"target","description":"target container (CSS selector)","doc-url":"https://element-plus.org/#/en-US/component/affix#attributes","value":{"type":"string","kind":"expression"}},{"name":"z-index","description":"z-index of affix","doc-url":"https://element-plus.org/#/en-US/component/affix#attributes","default":"100","value":{"type":"number","kind":"expression"}}],"events":[{"name":"change","description":"triggers when fixed state changed","doc-url":"https://element-plus.org/#/en-US/component/affix#events"},{"name":"scroll","description":"triggers when scrolling","doc-url":"https://element-plus.org/#/en-US/component/affix#events"}]},{"name":"el-alert","description":"Displays important alert messages.","doc-url":"https://element-plus.org/#/en-US/component/alert#alert","attributes":[{"name":"title","description":"title","doc-url":"https://element-plus.org/#/en-US/component/alert#attributes","value":{"type":"string","kind":"expression"}},{"name":"type","description":"Component type","doc-url":"https://element-plus.org/#/en-US/component/alert#attributes","default":"info","value":{"type":"string","kind":"expression"}},{"name":"description","description":"Descriptive text. Can also be passed with the default slot","doc-url":"https://element-plus.org/#/en-US/component/alert#attributes","value":{"type":"string","kind":"expression"}},{"name":"closable","description":"If closable or not","doc-url":"https://element-plus.org/#/en-US/component/alert#attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"center","description":"Whether to center the text","doc-url":"https://element-plus.org/#/en-US/component/alert#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"close-text","description":"Customized close button text","doc-url":"https://element-plus.org/#/en-US/component/alert#attributes","value":{"type":"string","kind":"expression"}},{"name":"show-icon","description":"If a type icon is displayed","doc-url":"https://element-plus.org/#/en-US/component/alert#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"effect","description":"Choose theme","doc-url":"https://element-plus.org/#/en-US/component/alert#attributes","default":"light","value":{"type":"string","kind":"expression"}}],"events":[{"name":"close","description":"fires when alert is closed","doc-url":"https://element-plus.org/#/en-US/component/alert#events"}],"slots":[{"name":"default","description":"description","doc-url":"https://element-plus.org/#/en-US/component/alert#slots"},{"name":"title","description":"content of the Alert title","doc-url":"https://element-plus.org/#/en-US/component/alert#slots"}]},{"name":"el-avatar","description":"Avatars can be used to represent people or objects. It supports images, Icons, or characters.","doc-url":"https://element-plus.org/#/en-US/component/avatar#avatar","attributes":[{"name":"icon","description":"set representation type to Icon, more info on Icon Component","doc-url":"https://element-plus.org/#/en-US/component/avatar#attributes","value":{"type":"string","kind":"expression"}},{"name":"size","description":"set avatar size","doc-url":"https://element-plus.org/#/en-US/component/avatar#attributes","default":"large","value":{"type":"number|string","kind":"expression"}},{"name":"shape","description":"set avatar shape","doc-url":"https://element-plus.org/#/en-US/component/avatar#attributes","default":"circle","value":{"type":"string","kind":"expression"}},{"name":"src","description":"the address of the image for an image avatar","doc-url":"https://element-plus.org/#/en-US/component/avatar#attributes","value":{"type":"string","kind":"expression"}},{"name":"src-set","description":"A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use","doc-url":"https://element-plus.org/#/en-US/component/avatar#attributes","value":{"type":"string","kind":"expression"}},{"name":"alt","description":"This attribute defines an alternative text description of the image","doc-url":"https://element-plus.org/#/en-US/component/avatar#attributes","value":{"type":"string","kind":"expression"}},{"name":"fit","description":"set how the image fit its container for an image avatar","doc-url":"https://element-plus.org/#/en-US/component/avatar#attributes","default":"cover","value":{"type":"string","kind":"expression"}}],"events":[{"name":"error","description":"handler when img load error, return false to prevent default fallback behavior","doc-url":"https://element-plus.org/#/en-US/component/avatar#events"}],"slots":[{"name":"default","description":"customize avatar content","doc-url":"https://element-plus.org/#/en-US/component/avatar#slots"}]},{"name":"el-backtop","description":"A button to back to top","doc-url":"https://element-plus.org/#/en-US/component/backtop#backtop","attributes":[{"name":"target","description":"the target to trigger scroll","doc-url":"https://element-plus.org/#/en-US/component/backtop#attributes","value":{"type":"string","kind":"expression"}},{"name":"visibility-height","description":"the button will not show until the scroll height reaches this value","doc-url":"https://element-plus.org/#/en-US/component/backtop#attributes","default":"200","value":{"type":"number","kind":"expression"}},{"name":"right","description":"right distance","doc-url":"https://element-plus.org/#/en-US/component/backtop#attributes","default":"40","value":{"type":"number","kind":"expression"}},{"name":"bottom","description":"bottom distance","doc-url":"https://element-plus.org/#/en-US/component/backtop#attributes","default":"40","value":{"type":"number","kind":"expression"}}],"events":[{"name":"click","description":"triggers when click","doc-url":"https://element-plus.org/#/en-US/component/backtop#events"}]},{"name":"el-badge","description":"A number or status mark on buttons and icons.","doc-url":"https://element-plus.org/#/en-US/component/badge#badge","attributes":[{"name":"value","description":"display value","doc-url":"https://element-plus.org/#/en-US/component/badge#attributes","value":{"type":"string|number","kind":"expression"}},{"name":"max","description":"maximum value, shows '{max}+' when exceeded. Only works if `value` is a `Number`","doc-url":"https://element-plus.org/#/en-US/component/badge#attributes","value":{"type":"number","kind":"expression"}},{"name":"is-dot","description":"if a little dot is displayed","doc-url":"https://element-plus.org/#/en-US/component/badge#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"hidden","description":"hidden badge","doc-url":"https://element-plus.org/#/en-US/component/badge#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"type","description":"button type","doc-url":"https://element-plus.org/#/en-US/component/badge#attributes","value":{"type":"string","kind":"expression"}}]},{"name":"el-breadcrumb","description":"Displays the location of the current page, making it easier to browser back.","doc-url":"https://element-plus.org/#/en-US/component/breadcrumb#breadcrumb","attributes":[{"name":"separator","description":"separator character","doc-url":"https://element-plus.org/#/en-US/component/breadcrumb#breadcrumb-attributes","default":"/","value":{"type":"string","kind":"expression"}},{"name":"separator-class","description":"class name of icon separator","doc-url":"https://element-plus.org/#/en-US/component/breadcrumb#breadcrumb-attributes","value":{"type":"string","kind":"expression"}}]},{"name":"el-breadcrumb-item","doc-url":"https://element-plus.org/#/en-US/component/breadcrumb#breadcrumb-item","attributes":[{"name":"to","description":"target route of the link, same as `to` of `vue-router`","doc-url":"https://element-plus.org/#/en-US/component/breadcrumb#breadcrumb-item-attributes","value":{"type":"string|object","kind":"expression"}},{"name":"replace","description":"if `true`, the navigation will not leave a history record","doc-url":"https://element-plus.org/#/en-US/component/breadcrumb#breadcrumb-item-attributes","default":"false","value":{"type":"boolean","kind":"expression"}}]},{"name":"el-button-group","doc-url":"https://element-plus.org/#/en-US/component/button#button-group","slots":[{"name":"default","description":"customize button group content","doc-url":"https://element-plus.org/#/en-US/component/button#button-group-slots"}]},{"name":"el-button","description":"Commonly used button.","doc-url":"https://element-plus.org/#/en-US/component/button#button","attributes":[{"name":"size","description":"button size","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","value":{"type":"string","kind":"expression"}},{"name":"type","description":"button type","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","value":{"type":"string","kind":"expression"}},{"name":"plain","description":"determine whether it's a plain button","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"round","description":"determine whether it's a round button","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"circle","description":"determine whether it's a circle button","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"loading","description":"determine whether it's loading","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"disabled","description":"disable the button","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"icon","description":"icon class name","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","value":{"type":"string","kind":"expression"}},{"name":"autofocus","description":"same as native button's `autofocus`","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"native-type","description":"same as native button's `type`","doc-url":"https://element-plus.org/#/en-US/component/button#attributes","default":"button","value":{"type":"string","kind":"expression"}}]},{"name":"el-calendar","description":"Display date.","doc-url":"https://element-plus.org/#/en-US/component/calendar#calendar","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/#/en-US/component/calendar#attributes","value":{"type":"date","kind":"expression"}},{"name":"range","description":"time range, including start time and end time. Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.","doc-url":"https://element-plus.org/#/en-US/component/calendar#attributes","value":{"type":"[date]array","kind":"expression"}}]},{"name":"el-card","description":"Integrate information in a card container.","doc-url":"https://element-plus.org/#/en-US/component/card#card","attributes":[{"name":"header","description":"title of the card. Also accepts a DOM passed by `slot#header`","doc-url":"https://element-plus.org/#/en-US/component/card#attributes","value":{"type":"string","kind":"expression"}},{"name":"body-style","description":"CSS style of body","doc-url":"https://element-plus.org/#/en-US/component/card#attributes","default":"{ padding: '20px' }","value":{"type":"object","kind":"expression"}},{"name":"shadow","description":"when to show card shadows","doc-url":"https://element-plus.org/#/en-US/component/card#attributes","default":"always","value":{"type":"string","kind":"expression"}}]},{"name":"el-carousel","description":"Loop a series of images or texts in a limited space","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel","attributes":[{"name":"height","description":"height of the carousel","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","value":{"type":"string","kind":"expression"}},{"name":"initial-index","description":"index of the initially active slide (starting from 0)","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","default":"0","value":{"type":"number","kind":"expression"}},{"name":"trigger","description":"how indicators are triggered","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","default":"hover","value":{"type":"string","kind":"expression"}},{"name":"autoplay","description":"whether automatically loop the slides","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"interval","description":"interval of the auto loop, in milliseconds","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","default":"3000","value":{"type":"number","kind":"expression"}},{"name":"indicator-position","description":"position of the indicators","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","value":{"type":"string","kind":"expression"}},{"name":"arrow","description":"when arrows are shown","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","default":"hover","value":{"type":"string","kind":"expression"}},{"name":"type","description":"type of the Carousel","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","value":{"type":"string","kind":"expression"}},{"name":"loop","description":"display the items in loop","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"direction","description":"display direction","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","default":"horizontal","value":{"type":"string","kind":"expression"}},{"name":"pause-on-hover","description":"pause autoplay when hover","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-attributes","default":"true","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"change","description":"triggers when the active slide switches","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-events"}]},{"name":"el-carousel-item","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-item","attributes":[{"name":"name","description":"name of the item, can be used in `setActiveItem`","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-item-attributes","value":{"type":"string","kind":"expression"}},{"name":"label","description":"text content for the corresponding indicator","doc-url":"https://element-plus.org/#/en-US/component/carousel#carousel-item-attributes","value":{"type":"string","kind":"expression"}}]},{"name":"el-cascader","description":"If the options have a clear hierarchical structure, Cascader can be used to view and select them.","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes"},{"name":"options","description":"data of the options，the key of `value` and `label` can be customize by `Props`.","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","value":{"type":"array","kind":"expression"}},{"name":"props","description":"configuration options, see the following table.","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","value":{"type":"object","kind":"expression"}},{"name":"size","description":"size of input","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","value":{"type":"string","kind":"expression"}},{"name":"placeholder","description":"placeholder of input","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","default":"Select","value":{"type":"string","kind":"expression"}},{"name":"disabled","description":"whether Cascader is disabled","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"clearable","description":"whether selected value can be cleared","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"show-all-levels","description":"whether to display all levels of the selected value in the input","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"collapse-tags","description":"whether to collapse tags in multiple selection mode","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"separator","description":"option label separator","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","default":"' / '","value":{"type":"string","kind":"expression"}},{"name":"filterable","description":"whether the options can be searched","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","value":{"type":"boolean","kind":"expression"}},{"name":"filter-method","description":"customize search logic, the first parameter is `node`, the second is `keyword`, and need return a boolean value indicating whether it hits.","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","value":{"type":"function","kind":"expression"}},{"name":"debounce","description":"debounce delay when typing filter keyword, in milliseconds","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","default":"300","value":{"type":"number","kind":"expression"}},{"name":"before-filter","description":"hook function before filtering with the value to be filtered as its parameter. If `false` is returned or a `Promise` is returned and then is rejected, filtering will be aborted","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","value":{"type":"function","kind":"expression"}},{"name":"popper-class","description":"custom class name for Cascader's dropdown","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","value":{"type":"string","kind":"expression"}},{"name":"popper-append-to-body","description":"whether to append the popper menu to body. If the positioning of the popper is wrong, you can try to set this prop to false","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-attributes","default":"true","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-events"},{"name":"expand-change","description":"triggers when expand option changes","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-events"},{"name":"blur","description":"triggers when Cascader blurs","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-events"},{"name":"focus","description":"triggers when Cascader focuses","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-events"},{"name":"visible-change","description":"triggers when the dropdown appears/disappears","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-events"},{"name":"remove-tag","description":"triggers when remove tag in multiple selection mode","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-events"}],"slots":[{"name":"default","description":"the custom content of cascader node, the parameter is { node, data }, which are current Node object and node data respectively.","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-slots"},{"name":"empty","description":"content when there is no matched options.","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascader-slots"}]},{"name":"el-cascader-panel","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascaderpanel","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascaderpanel-attributes"},{"name":"options","description":"data of the options，the key of `value` and `label` can be customize by `Props`.","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascaderpanel-attributes","value":{"type":"array","kind":"expression"}},{"name":"props","description":"configuration options, see the following table.","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascaderpanel-attributes","value":{"type":"object","kind":"expression"}}],"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascaderpanel-events"},{"name":"expand-change","description":"triggers when expand option changes","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascaderpanel-events"}],"slots":[{"name":"default","description":"the custom content of cascader node, the parameter is { node, data }, which are current Node object and node data respectively.","doc-url":"https://element-plus.org/#/en-US/component/cascader#cascaderpanel-slots"}]},{"name":"el-checkbox","description":"A group of options for multiple choices.","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","value":{"type":"string|number|boolean","kind":"expression"}},{"name":"label","description":"value of the Checkbox when used inside a `checkbox-group`","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","value":{"type":"string|number|boolean|object","kind":"expression"}},{"name":"true-label","description":"value of the Checkbox if it's checked","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","value":{"type":"string|number","kind":"expression"}},{"name":"false-label","description":"value of the Checkbox if it's not checked","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","value":{"type":"string|number","kind":"expression"}},{"name":"disabled","description":"whether the Checkbox is disabled","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"border","description":"whether to add a border around Checkbox","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"size","description":"size of the Checkbox, only works when `border` is true","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","value":{"type":"string","kind":"expression"}},{"name":"name","description":"native 'name' attribute","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","value":{"type":"string","kind":"expression"}},{"name":"checked","description":"if the Checkbox is checked","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"indeterminate","description":"same as `indeterminate` in native checkbox","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-attributes","default":"false","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-events"}]},{"name":"el-checkbox-group","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-group","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-group-attributes","value":{"type":"array","kind":"expression"}},{"name":"size","description":"size of checkbox buttons or bordered checkboxes","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-group-attributes","value":{"type":"string","kind":"expression"}},{"name":"disabled","description":"whether the nesting checkboxes are disabled","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-group-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"min","description":"minimum number of checkbox checked","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-group-attributes","value":{"type":"number","kind":"expression"}},{"name":"max","description":"maximum number of checkbox checked","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-group-attributes","value":{"type":"number","kind":"expression"}},{"name":"text-color","description":"font color when button is active","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-group-attributes","default":"#ffffff","value":{"type":"string","kind":"expression"}},{"name":"fill","description":"border and background color when button is active","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-group-attributes","default":"#409EFF","value":{"type":"string","kind":"expression"}}],"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-group-events"}]},{"name":"el-checkbox-button","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-button","attributes":[{"name":"label","description":"value of the checkbox when used inside a `checkbox-group`","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-button-attributes","value":{"type":"string|number|boolean|object","kind":"expression"}},{"name":"true-label","description":"value of the checkbox if it's checked","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-button-attributes","value":{"type":"string|number","kind":"expression"}},{"name":"false-label","description":"value of the checkbox if it's not checked","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-button-attributes","value":{"type":"string|number","kind":"expression"}},{"name":"disabled","description":"whether the checkbox is disabled","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-button-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"name","description":"native 'name' attribute","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-button-attributes","value":{"type":"string","kind":"expression"}},{"name":"checked","description":"if the checkbox is checked","doc-url":"https://element-plus.org/#/en-US/component/checkbox#checkbox-button-attributes","default":"false","value":{"type":"boolean","kind":"expression"}}]},{"name":"el-collapse","description":"Use Collapse to store contents.","doc-url":"https://element-plus.org/#/en-US/component/collapse#collapse","attributes":[{"name":"model-value","description":"currently active panel","doc-url":"https://element-plus.org/#/en-US/component/collapse#collapse-attributes","value":{"type":"string ","kind":"expression"}},{"name":"accordion","description":"whether to activate accordion mode","doc-url":"https://element-plus.org/#/en-US/component/collapse#collapse-attributes","default":"false","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"change","description":"triggers when active panels change","doc-url":"https://element-plus.org/#/en-US/component/collapse#collapse-events"}]},{"name":"el-collapse-item","doc-url":"https://element-plus.org/#/en-US/component/collapse#collapse-item","attributes":[{"name":"name","description":"unique identification of the panel","doc-url":"https://element-plus.org/#/en-US/component/collapse#collapse-item-attributes","value":{"type":"string|number","kind":"expression"}},{"name":"title","description":"title of the panel","doc-url":"https://element-plus.org/#/en-US/component/collapse#collapse-item-attributes","value":{"type":"string","kind":"expression"}},{"name":"disabled","description":"disable the collapse item","doc-url":"https://element-plus.org/#/en-US/component/collapse#collapse-item-attributes","value":{"type":"boolean","kind":"expression"}}]},{"name":"el-color-picker","description":"ColorPicker is a color selector supporting multiple color formats.","doc-url":"https://element-plus.org/#/en-US/component/color-picker#colorpicker","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/#/en-US/component/color-picker#attributes","value":{"type":"string","kind":"expression"}},{"name":"disabled","description":"whether to disable the ColorPicker","doc-url":"https://element-plus.org/#/en-US/component/color-picker#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"size","description":"size of ColorPicker","doc-url":"https://element-plus.org/#/en-US/component/color-picker#attributes","value":{"type":"string","kind":"expression"}},{"name":"show-alpha","description":"whether to display the alpha slider","doc-url":"https://element-plus.org/#/en-US/component/color-picker#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"color-format","description":"color format of v-model","doc-url":"https://element-plus.org/#/en-US/component/color-picker#attributes","default":"hex (when show-alpha is false)/ rgb (when show-alpha is true)","value":{"type":"string","kind":"expression"}},{"name":"popper-class","description":"custom class name for ColorPicker's dropdown","doc-url":"https://element-plus.org/#/en-US/component/color-picker#attributes","value":{"type":"string","kind":"expression"}},{"name":"predefine","description":"predefined color options","doc-url":"https://element-plus.org/#/en-US/component/color-picker#attributes","value":{"type":"array","kind":"expression"}}],"events":[{"name":"change","description":"triggers when input value changes","doc-url":"https://element-plus.org/#/en-US/component/color-picker#events"},{"name":"active-change","description":"triggers when the current active color changes","doc-url":"https://element-plus.org/#/en-US/component/color-picker#events"}]},{"name":"el-container","description":"Container components for scaffolding basic structure of the page:","doc-url":"https://element-plus.org/#/en-US/component/container#container","attributes":[{"name":"direction","description":"layout direction for child elements","doc-url":"https://element-plus.org/#/en-US/component/container#container-attributes","default":"vertical when nested with `el-header` or `el-footer`; horizontal otherwise","value":{"type":"string","kind":"expression"}}]},{"name":"el-header","doc-url":"https://element-plus.org/#/en-US/component/container#header","attributes":[{"name":"height","description":"height of the header","doc-url":"https://element-plus.org/#/en-US/component/container#header-attributes","default":"60px","value":{"type":"string","kind":"expression"}}]},{"name":"el-aside","doc-url":"https://element-plus.org/#/en-US/component/container#aside","attributes":[{"name":"width","description":"width of the side section","doc-url":"https://element-plus.org/#/en-US/component/container#aside-attributes","default":"300px","value":{"type":"string","kind":"expression"}}]},{"name":"el-footer","doc-url":"https://element-plus.org/#/en-US/component/container#footer","attributes":[{"name":"height","description":"height of the footer","doc-url":"https://element-plus.org/#/en-US/component/container#footer-attributes","default":"60px","value":{"type":"string","kind":"expression"}}]},{"name":"el-date-picker","description":"Use Date Picker for date input.","doc-url":"https://element-plus.org/#/en-US/component/date-picker#datepicker","attributes":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"date","kind":"expression"}},{"name":"readonly","description":"whether DatePicker is read only","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"disabled","description":"whether DatePicker is disabled","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"size","description":"size of Input","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"large","value":{"type":"string","kind":"expression"}},{"name":"editable","description":"whether the input is editable","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"clearable","description":"whether to show clear button","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"placeholder","description":"placeholder in non-range mode","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"string","kind":"expression"}},{"name":"start-placeholder","description":"placeholder for the start date in range mode","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"string","kind":"expression"}},{"name":"end-placeholder","description":"placeholder for the end date in range mode","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"string","kind":"expression"}},{"name":"type","description":"type of the picker","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"date","value":{"type":"string","kind":"expression"}},{"name":"format","description":"format of the displayed value in the input box","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"YYYY-MM-DD","value":{"type":"string","kind":"expression"}},{"name":"popper-class","description":"custom class name for DatePicker's dropdown","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"string","kind":"expression"}},{"name":"range-separator","description":"range separator","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"'-'","value":{"type":"string","kind":"expression"}},{"name":"default-value","description":"optional, default date of the calendar","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"date","kind":"expression"}},{"name":"default-time","description":"optional, the time value to use when selecting date range","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"date[]","kind":"expression"}},{"name":"value-format","description":"optional, format of binding value. If not specified, the binding value will be a Date object","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"string","kind":"expression"}},{"name":"name","description":"same as `name` in native input","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"string","kind":"expression"}},{"name":"unlink-panels","description":"unlink two date-panels in range-picker","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"prefix-icon","description":"Custom prefix icon class","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"el-icon-date","value":{"type":"string","kind":"expression"}},{"name":"clear-icon","description":"Custom clear icon class","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"el-icon-circle-close","value":{"type":"string","kind":"expression"}},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"disabled-date","description":"a function determining if a date is disabled with that date as its parameter. Should return a Boolean","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"function","kind":"expression"}},{"name":"shortcuts","description":"an object array to set shortcut options","doc-url":"https://element-plus.org/#/en-US/component/date-picker#attributes","value":{"type":"object[{ text: string|value: date|function }]","kind":"expression"}}],"events":[{"name":"change","description":"triggers when user confirms the value","doc-url":"https://element-plus.org/#/en-US/component/date-picker#events"},{"name":"blur","description":"triggers when Input blurs","doc-url":"https://element-plus.org/#/en-US/component/date-picker#events"},{"name":"focus","description":"triggers when Input focuses","doc-url":"https://element-plus.org/#/en-US/component/date-picker#events"}],"slots":[{"name":"range-separator","description":"custom range separator content","doc-url":"https://element-plus.org/#/en-US/component/date-picker#slots"}]},{"name":"el-descriptions","description":"Display multiple fields in list form.","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions","attributes":[{"name":"border","description":"with or without border","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"column","description":"numbers of `Descriptions Item` in one line","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-attributes","default":"3","value":{"type":"number","kind":"expression"}},{"name":"direction","description":"direction of list","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-attributes","default":"horizontal","value":{"type":"string","kind":"expression"}},{"name":"size","description":"size of list","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-attributes","value":{"type":"string","kind":"expression"}},{"name":"title","description":"title text, display on the top left","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-attributes","value":{"type":"string","kind":"expression"}},{"name":"extra","description":"extra text, display on the top right","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-attributes","value":{"type":"string","kind":"expression"}}],"slots":[{"name":"title","description":"custom title, display on the top left","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-slots"},{"name":"extra","description":"custom extra area, display on the top right","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-slots"}]},{"name":"el-descriptions-item","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item","attributes":[{"name":"label","description":"label text","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item-attributes","value":{"type":"string","kind":"expression"}},{"name":"span","description":"colspan of column","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item-attributes","default":"1","value":{"type":"number","kind":"expression"}},{"name":"width","description":"column width, the width of the same column in different rows is set by the max value","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item-attributes","value":{"type":"string|number","kind":"expression"}},{"name":"min-width","description":"column minimum width, columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item-attributes","value":{"type":"string|number","kind":"expression"}},{"name":"align","description":"column content alignment","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item-attributes","default":"left","value":{"type":"string","kind":"expression"}},{"name":"label-align","description":"column label alignment, if omitted, the value of the above `align` attribute will be applied","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item-attributes","value":{"type":"string","kind":"expression"}},{"name":"class-name","description":"column content custom class name","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item-attributes","value":{"type":"string","kind":"expression"}},{"name":"label-class-name","description":"column label custom class name","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item-attributes","value":{"type":"string","kind":"expression"}}],"slots":[{"name":"label","description":"custom label","doc-url":"https://element-plus.org/#/en-US/component/descriptions#descriptions-item-slots"}]},{"name":"el-dialog","description":"Informs users while preserving the current page state.","doc-url":"https://element-plus.org/#/en-US/component/dialog#dialog","attributes":[{"name":"model-value","description":"visibility of Dialog","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","value":{"type":"boolean","kind":"expression"}},{"name":"title","description":"title of Dialog. Can also be passed with a named slot (see the following table)","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","value":{"type":"string","kind":"expression"}},{"name":"width","description":"width of Dialog","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"50%","value":{"type":"string|number","kind":"expression"}},{"name":"fullscreen","description":"whether the Dialog takes up full screen","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"top","description":"value for `margin-top` of Dialog CSS","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"15vh","value":{"type":"string","kind":"expression"}},{"name":"modal","description":"whether a mask is displayed","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"append-to-body","description":"whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"lock-scroll","description":"whether scroll of body is disabled while Dialog is displayed","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"custom-class","description":"custom class names for Dialog","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","value":{"type":"string","kind":"expression"}},{"name":"open-delay","description":"Time(milliseconds) before open","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"0","value":{"type":"number","kind":"expression"}},{"name":"close-delay","description":"Time(milliseconds) before close","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"0","value":{"type":"number","kind":"expression"}},{"name":"close-on-click-modal","description":"whether the Dialog can be closed by clicking the mask","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"close-on-press-escape","description":"whether the Dialog can be closed by pressing ESC","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"show-close","description":"whether to show a close button","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"before-close","description":"callback before Dialog closes, and it will prevent Dialog from closing","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","value":{"type":"function，done is used to close the dialog","kind":"expression"}},{"name":"center","description":"whether to align the header and footer in center","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"destroy-on-close","description":"Destroy elements in Dialog when closed","doc-url":"https://element-plus.org/#/en-US/component/dialog#attributes","default":"false","value":{"type":"boolean","kind":"expression"}}],"events":[{"name":"open","description":"triggers when the Dialog opens","doc-url":"https://element-plus.org/#/en-US/component/dialog#events"},{"name":"opened","description":"triggers when the Dialog opening animation ends","doc-url":"https://element-plus.org/#/en-US/component/dialog#events"},{"name":"close","description":"triggers when the Dialog closes","doc-url":"https://element-plus.org/#/en-US/component/dialog#events"},{"name":"closed","description":"triggers when the Dialog closing animation ends","doc-url":"https://element-plus.org/#/en-US/component/dialog#events"}],"slots":[{"name":"default","description":"content of Dialog","doc-url":"https://element-plus.org/#/en-US/component/dialog#slots"},{"name":"title","description":"content of the Dialog title","doc-url":"https://element-plus.org/#/en-US/component/dialog#slots"},{"name":"footer","description":"content of the Dialog footer","doc-url":"https://element-plus.org/#/en-US/component/dialog#slots"}]},{"name":"el-divider","description":"The dividing line that separates the content.","doc-url":"https://element-plus.org/#/en-US/component/divider#divider","attributes":[{"name":"direction","description":"Set divider's direction","doc-url":"https://element-plus.org/#/en-US/component/divider#divider-attributes","default":"horizontal","value":{"type":"string","kind":"expression"}},{"name":"content-position","description":"customize the content on the divider line","doc-url":"https://element-plus.org/#/en-US/component/divider#divider-attributes","default":"center","value":{"type":"string","kind":"expression"}}]},{"name":"el-drawer","description":"Sometimes, `Dialog` does not always satisfy our requirements, let's say you have a massive form, or you need space to display something like `terms & conditions`, `Drawer` has almost identical API with `Dialog`, but it introduces different user experience.","doc-url":"https://element-plus.org/#/en-US/component/drawer#drawer","attributes":[{"name":"model-value","description":"Should Drawer be displayed","doc-url":"https://element-plus.org/#/en-US/component/drawer#drawer-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"append-to-body","description":"Controls should Drawer be inserted to DocumentBody Element, nested Drawer must assign this param to **true**","doc-url":"https://element-plus.org/#/en-US/component/drawer#drawer-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"before-close","description":"If set, closing procedure will be halted","doc-url":"https://element-plus.org/#/en-US/component/drawer#drawer-attributes","value":{"type":"function","kind":"expression"}},{"name":"close-on-press-escape","description":"Indicates whether Drawer can be closed by pressing ESC","doc-url":"https://element-plus.org/#/en-US/component/drawer#drawer-attributes","default":"true","value":{"type":"boolean","kind":"expression"}},{"name":"custom-class","description":"Extra class names for Drawer","doc-url":"https://element-plus.org/#/en-US/component/drawer#drawer-attributes","value":{"type":"string","kind":"expression"}},{"name":"destroy-on-close","description":"Indicates whether children should be destroyed after Drawer closed","doc-url":"https://element-plus.org/#/en-US/component/drawer#drawer-attributes","default":"false","value":{"type":"boolean","kind":"expression"}},{"name":"modal","description":