element-plus/web-types.json

A Component Library for Vue 3

{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"element-plus","version":"2.2.18","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"el-affix","source":{"symbol":"ElAffix"},"description":"Fix the element to a specific visible area.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix","props":[{"name":"offset","description":"offset distance.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-attributes","type":["number"],"default":"0"},{"name":"position","description":"position of affix.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-attributes","type":["'top' | 'bottom'"],"default":"'top'"},{"name":"target","description":"target container. (CSS selector)","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-attributes","type":["string"]},{"name":"z-index","description":"`z-index` of affix","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-attributes","type":["number"],"default":"100"}],"slots":[{"name":"default","description":"customize default content.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-slots"}],"js":{"events":[{"name":"change","description":"triggers when fixed state changed.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-events"},{"name":"scroll","description":"triggers when scrolling.","doc-url":"https://element-plus.org/en-US/component/affix.html#affix-events"}]}},{"name":"el-alert","source":{"symbol":"ElAlert"},"description":"Displays important alert messages.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert","props":[{"name":"title","description":"alert title.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-attributes","type":["string"]},{"name":"type","description":"alert type.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-attributes","type":["'success' | 'warning' | 'info' | 'error'"],"default":"'info'"},{"name":"description","description":"descriptive text.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-attributes","type":["string"]},{"name":"closable","description":"whether closable or not.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-attributes","type":["boolean"],"default":"true"},{"name":"center","description":"whether to center the text.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-attributes","type":["boolean"],"default":"false"},{"name":"close-text","description":"customized close button text.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-attributes","type":["string"]},{"name":"show-icon","description":"whether a type icon is displayed.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-attributes","type":["boolean"],"default":"false"},{"name":"effect","description":"theme style.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-attributes","type":["'light' | 'dark'"],"default":"'light'"}],"slots":[{"name":"default","description":"content of the alert description.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-slots"},{"name":"title","description":"content of the alert title.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-slots"}],"js":{"events":[{"name":"close","description":"trigger when alert is closed.","doc-url":"https://element-plus.org/en-US/component/alert.html#alert-events"}]}},{"name":"el-autocomplete","source":{"symbol":"ElAutocomplete"},"description":"You can get some recommended tips based on the current input.","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete","props":[{"name":"placeholder","description":"the placeholder of Autocomplete","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["string"]},{"name":"clearable","description":"whether to show clear button","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["boolean"],"default":"false"},{"name":"disabled","description":"whether Autocomplete is disabled","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["boolean"],"default":"false"},{"name":"value-key","description":"key name of the input suggestion object for display","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["string"],"default":"value"},{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["string"]},{"name":"debounce","description":"debounce delay when typing, in milliseconds","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["number"],"default":"300"},{"name":"placement","description":"placement of the popup menu","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["string"],"default":"bottom-start","attribute-value":{"type":"enum"},"values":[{"name":"top"},{"name":"top-start"},{"name":"top-end"},{"name":"bottom"},{"name":"bottom-start"},{"name":"bottom-end"}]},{"name":"fetch-suggestions","description":"a method to fetch input suggestions. When suggestions are ready, invoke `callback(data:[])` to return them to Autocomplete","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["Function"]},{"name":"popper-class","description":"custom class name for autocomplete's dropdown","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["string"]},{"name":"trigger-on-focus","description":"whether show suggestions when input focus","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["boolean"],"default":"true"},{"name":"name","description":"same as `name` in native input","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["string"]},{"name":"select-when-unmatched","description":"whether to emit a `select` event on enter when there is no autocomplete match","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["boolean"],"default":"false"},{"name":"label","description":"label text","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["string"]},{"name":"hide-loading","description":"whether to hide the loading icon in remote search","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["boolean"],"default":"false"},{"name":"popper-append-to-body","description":"whether to append the dropdown to body. If the positioning of the dropdown is wrong, you can try to set this prop to false","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["boolean"],"default":"false"},{"name":"teleported","description":"whether select dropdown is teleported to the body","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["boolean"],"default":"true","attribute-value":{"type":"enum"},"values":[{"name":"true"},{"name":"false"}]},{"name":"highlight-first-item","description":"whether to highlight first item in remote search suggestions by default","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["boolean"],"default":"false"},{"name":"fit-input-width","description":"whether the width of the dropdown is the same as the input","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"Custom content for input suggestions. The scope parameter is { item }","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-slots"},{"name":"prefix","description":"content as Input prefix","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-slots"},{"name":"suffix","description":"content as Input suffix","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-slots"},{"name":"prepend","description":"content to prepend before Input","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-slots"},{"name":"append","description":"content to append after Input","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-slots"}],"js":{"events":[{"name":"select","description":"triggers when a suggestion is clicked","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-events"},{"name":"change","description":"triggers when the icon inside Input value change","doc-url":"https://element-plus.org/en-US/component/autocomplete.html#autocomplete-events"}]}},{"name":"el-avatar","source":{"symbol":"ElAvatar"},"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.html#avatar","props":[{"name":"icon","description":"representation type to icon, more info on icon component.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar-attributes","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}]},{"name":"size","description":"avatar size.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar-attributes","type":["number","'large' | 'default' | 'small'"],"default":"'default'"},{"name":"shape","description":"avatar shape.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar-attributes","type":["'circle' | 'square'"],"default":"'circle'"},{"name":"src","description":"the source of the image for an image avatar.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar-attributes","type":["string"]},{"name":"src-set","description":"native attribute `srcset` of image avatar.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar-attributes","type":["string"]},{"name":"alt","description":"native attribute `alt` of image avatar.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar-attributes","type":["string"]},{"name":"fit","description":"set how the image fit its container for an image avatar.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar-attributes","type":["'fill' | 'contain' | 'cover' | 'none' | 'scale-down'"],"default":"'cover'"}],"slots":[{"name":"default","description":"customize avatar content.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar-slots"}],"js":{"events":[{"name":"error","description":"trigger when image load error.","doc-url":"https://element-plus.org/en-US/component/avatar.html#avatar-events"}]}},{"name":"el-backtop","source":{"symbol":"ElBacktop"},"description":"A button to back to top.","doc-url":"https://element-plus.org/en-US/component/backtop.html#backtop","props":[{"name":"target","description":"the target to trigger scroll.","doc-url":"https://element-plus.org/en-US/component/backtop.html#backtop-attributes","type":["string"]},{"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.html#backtop-attributes","type":["number"],"default":"200"},{"name":"right","description":"right distance.","doc-url":"https://element-plus.org/en-US/component/backtop.html#backtop-attributes","type":["number"],"default":"40"},{"name":"bottom","description":"bottom distance.","doc-url":"https://element-plus.org/en-US/component/backtop.html#backtop-attributes","type":["number"],"default":"40"}],"slots":[{"name":"default","description":"customize default content.","doc-url":"https://element-plus.org/en-US/component/backtop.html#backtop-slots"}],"js":{"events":[{"name":"click","description":"triggers when click.","doc-url":"https://element-plus.org/en-US/component/backtop.html#backtop-events"}]}},{"name":"el-badge","source":{"symbol":"ElBadge"},"description":"A number or status mark on buttons and icons.","doc-url":"https://element-plus.org/en-US/component/badge.html#badge","props":[{"name":"value","description":"display value.","doc-url":"https://element-plus.org/en-US/component/badge.html#badge-attributes","type":["string","number"],"default":"''"},{"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.html#badge-attributes","type":["number"],"default":"99"},{"name":"is-dot","description":"if a little dot is displayed.","doc-url":"https://element-plus.org/en-US/component/badge.html#badge-attributes","type":["boolean"],"default":"false"},{"name":"hidden","description":"hidden badge.","doc-url":"https://element-plus.org/en-US/component/badge.html#badge-attributes","type":["boolean"],"default":"false"},{"name":"type","description":"badge type.","doc-url":"https://element-plus.org/en-US/component/badge.html#badge-attributes","type":["'primary' | 'success' | 'warning' | 'danger' | 'info'"],"default":"'danger'"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/badge.html#badge-slots"}]},{"name":"el-breadcrumb","source":{"symbol":"ElBreadcrumb"},"description":"Displays the location of the current page, making it easier to browser back.","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb","props":[{"name":"separator","description":"separator character","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-attributes","type":["string"],"default":"/"},{"name":"separator-icon","description":"icon component of icon separator","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-attributes","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-slots"}]},{"name":"el-breadcrumb-item","source":{"symbol":"ElBreadcrumbItem"},"doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-item","props":[{"name":"to","description":"target route of the link, same as `to` of `vue-router`","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-item-attributes","type":["string","object"]},{"name":"replace","description":"if `true`, the navigation will not leave a history record","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-item-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/breadcrumb.html#breadcrumb-item-slots"}]},{"name":"el-button","source":{"symbol":"ElButton"},"description":"Commonly used button.","doc-url":"https://element-plus.org/en-US/component/button.html#button","props":[{"name":"size","description":"button size","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"type","description":"button type","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"primary"},{"name":"success"},{"name":"warning"},{"name":"danger"},{"name":"info"},{"name":""}]},{"name":"plain","description":"determine whether it's a plain button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"text","description":"determine whether it's a text button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"bg","description":"determine whether the text button background color is always on","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"link","description":"determine whether it's a link button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"round","description":"determine whether it's a round button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"circle","description":"determine whether it's a circle button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"loading","description":"determine whether it's loading","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"loading-icon","description":"customize loading icon component","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}],"default":"Loading"},{"name":"disabled","description":"disable the button","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"icon","description":"icon component","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["string",{"name":"Component","source":{"symbol":"Component","module":"vue"}}]},{"name":"autofocus","description":"same as native button's `autofocus`","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"],"default":"false"},{"name":"native-type","description":"same as native button's `type`","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["string"],"default":"button","attribute-value":{"type":"enum"},"values":[{"name":"button"},{"name":"submit"},{"name":"reset"}]},{"name":"auto-insert-space","description":"automatically insert a space between two chinese characters","doc-url":"https://element-plus.org/en-US/component/button.html#button-attributes","type":["boolean"]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/button.html#button-slots"},{"name":"loading","description":"customize loading component","doc-url":"https://element-plus.org/en-US/component/button.html#button-slots"},{"name":"icon","description":"customize icon component","doc-url":"https://element-plus.org/en-US/component/button.html#button-slots"}]},{"name":"el-button-group","source":{"symbol":"ElButtonGroup"},"doc-url":"https://element-plus.org/en-US/component/button.html#button-group","props":[{"name":"size","description":"control the size of buttons in this button-group","doc-url":"https://element-plus.org/en-US/component/button.html#button-group-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"type","description":"control the type of buttons in this button-group","doc-url":"https://element-plus.org/en-US/component/button.html#button-group-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"primary"},{"name":"success"},{"name":"warning"},{"name":"danger"},{"name":"info"}]}],"slots":[{"name":"default","description":"customize button group content","doc-url":"https://element-plus.org/en-US/component/button.html#button-group-slots"}]},{"name":"el-calendar","source":{"symbol":"ElCalendar"},"description":"Display date.","doc-url":"https://element-plus.org/en-US/component/calendar.html#calendar","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/calendar.html#attributes","type":["Date"]},{"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.html#attributes","type":["[Date, Date]"]}],"slots":[{"name":"date-cell","description":"`type` indicates which month the date belongs, optional values are prev-month, current-month, next-month; `isSelected` indicates whether the date is selected; `day` is the formatted date in the format YYYY-MM-DD; `date` is date the cell represents","doc-url":"https://element-plus.org/en-US/component/calendar.html#slots","type":"{ type: 'prev-month' | 'current-month' | 'next-month', isSelected: boolean, day: string, Date: Date }"},{"name":"header","description":"content of the Calendar header","doc-url":"https://element-plus.org/en-US/component/calendar.html#slots"}]},{"name":"el-card","source":{"symbol":"ElCard"},"description":"Integrate information in a card container.","doc-url":"https://element-plus.org/en-US/component/card.html#card","props":[{"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.html#attributes","type":["string"]},{"name":"body-style","description":"CSS style of body","doc-url":"https://element-plus.org/en-US/component/card.html#attributes","type":["object"],"default":"{ padding: '20px' }"},{"name":"shadow","description":"when to show card shadows","doc-url":"https://element-plus.org/en-US/component/card.html#attributes","type":["string"],"default":"always","attribute-value":{"type":"enum"},"values":[{"name":"always"},{"name":"hover"},{"name":"never"}]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/card.html#slots"},{"name":"header","description":"content of the Card header","doc-url":"https://element-plus.org/en-US/component/card.html#slots"}]},{"name":"el-carousel","source":{"symbol":"ElCarousel"},"description":"Loop a series of images or texts in a limited space","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel","props":[{"name":"height","description":"height of the carousel","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"]},{"name":"initial-index","description":"index of the initially active slide (starting from 0)","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["number"],"default":"0"},{"name":"trigger","description":"how indicators are triggered","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"default":"hover","attribute-value":{"type":"enum"},"values":[{"name":"hover"},{"name":"click"}]},{"name":"autoplay","description":"whether automatically loop the slides","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["boolean"],"default":"true"},{"name":"interval","description":"interval of the auto loop, in milliseconds","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["number"],"default":"3000"},{"name":"indicator-position","description":"position of the indicators","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"outside"},{"name":"none"}]},{"name":"arrow","description":"when arrows are shown","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"default":"hover","attribute-value":{"type":"enum"},"values":[{"name":"always"},{"name":"hover"},{"name":"never"}]},{"name":"type","description":"type of the Carousel","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"card"}]},{"name":"loop","description":"display the items in loop","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["boolean"],"default":"true"},{"name":"direction","description":"display direction","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["string"],"default":"horizontal","attribute-value":{"type":"enum"},"values":[{"name":"horizontal"},{"name":"vertical"}]},{"name":"pause-on-hover","description":"pause autoplay when hover","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-attributes","type":["boolean"],"default":"true"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-slots"}],"js":{"events":[{"name":"change","description":"triggers when the active slide switches","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-events"}]}},{"name":"el-carousel-item","source":{"symbol":"ElCarouselItem"},"doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-item","props":[{"name":"name","description":"name of the item, can be used in `setActiveItem`","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-item-attributes","type":["string"]},{"name":"label","description":"text content for the corresponding indicator","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-item-attributes","type":["string"]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/carousel.html#carousel-item-slots"}]},{"name":"el-cascader","source":{"symbol":"ElCascader"},"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.html#cascader","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/cascader.html#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.html#cascader-attributes","type":["array"]},{"name":"props","description":"configuration options, see the following table.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["object"]},{"name":"size","description":"size of input","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"placeholder","description":"placeholder of input","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["string"],"default":"Select"},{"name":"disabled","description":"whether Cascader is disabled","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"false"},{"name":"clearable","description":"whether selected value can be cleared","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"false"},{"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.html#cascader-attributes","type":["boolean"],"default":"true"},{"name":"collapse-tags","description":"whether to collapse tags in multiple selection mode","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"false"},{"name":"collapse-tags-tooltip","description":"whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"false"},{"name":"separator","description":"option label separator","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["string"],"default":"' / '"},{"name":"filterable","description":"whether the options can be searched","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"]},{"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.html#cascader-attributes","type":["Function"]},{"name":"debounce","description":"debounce delay when typing filter keyword, in milliseconds","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["number"],"default":"300"},{"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.html#cascader-attributes","type":["Function"]},{"name":"popper-class","description":"custom class name for Cascader's dropdown","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["string"]},{"name":"teleported","description":"whether cascader popup is teleported","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"true","attribute-value":{"type":"enum"},"values":[{"name":"true"},{"name":"false"}]},{"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.html#cascader-attributes","type":["boolean"],"default":"true"},{"name":"tag-type","description":"tag type","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["string"],"default":"info","attribute-value":{"type":"enum"},"values":[{"name":"success"},{"name":"info"},{"name":"warning"},{"name":"danger"}]},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-attributes","type":["boolean"],"default":"true"}],"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.html#cascader-slots"},{"name":"empty","description":"content when there is no matched options.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-slots"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"expand-change","description":"triggers when expand option changes","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"blur","description":"triggers when Cascader blurs","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"focus","description":"triggers when Cascader focuses","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"visible-change","description":"triggers when the dropdown appears/disappears","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"},{"name":"remove-tag","description":"triggers when remove tag in multiple selection mode","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascader-events"}]}},{"name":"el-cascader-panel","source":{"symbol":"ElCascaderPanel"},"doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/cascader.html#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.html#cascaderpanel-attributes","type":["array"]},{"name":"props","description":"configuration options, see the following table.","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-attributes","type":["object"]}],"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.html#cascaderpanel-slots"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-events"},{"name":"expand-change","description":"triggers when expand option changes","doc-url":"https://element-plus.org/en-US/component/cascader.html#cascaderpanel-events"}]}},{"name":"el-checkbox","source":{"symbol":"ElCheckbox"},"description":"A group of options for multiple choices.","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string","number","boolean"]},{"name":"label","description":"value of the Checkbox when used inside a `checkbox-group`","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string","number","boolean","object"]},{"name":"true-label","description":"value of the Checkbox if it's checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string","number"]},{"name":"false-label","description":"value of the Checkbox if it's not checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string","number"]},{"name":"disabled","description":"whether the Checkbox is disabled","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"false"},{"name":"border","description":"whether to add a border around Checkbox","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"false"},{"name":"size","description":"size of the Checkbox","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"name","description":"native 'name' attribute","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["string"]},{"name":"checked","description":"if the Checkbox is checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"false"},{"name":"indeterminate","description":"same as `indeterminate` in native checkbox","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"false"},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-attributes","type":["boolean"],"default":"true"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-slots"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-events"}]}},{"name":"el-checkbox-group","source":{"symbol":"ElCheckboxGroup"},"doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-attributes","type":["array"],"default":"[]"},{"name":"size","description":"size of checkbox","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"disabled","description":"whether the nesting checkboxes are disabled","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-attributes","type":["boolean"],"default":"false"},{"name":"min","description":"minimum number of checkbox checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-attributes","type":["number"]},{"name":"max","description":"maximum number of checkbox checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-attributes","type":["number"]},{"name":"label","description":"label for screen reader","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-attributes","type":["string"]},{"name":"text-color","description":"font color when button is active","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-attributes","type":["string"],"default":"#ffffff"},{"name":"fill","description":"border and background color when button is active","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-attributes","type":["string"],"default":"#409EFF"},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-attributes","type":["boolean"],"default":"true"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-slots"}],"js":{"events":[{"name":"change","description":"triggers when the binding value changes","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-group-events"}]}},{"name":"el-checkbox-button","source":{"symbol":"ElCheckboxButton"},"doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-button","props":[{"name":"label","description":"value of the checkbox when used inside a `checkbox-group`","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-button-attributes","type":["string","number","boolean","object"]},{"name":"true-label","description":"value of the checkbox if it's checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-button-attributes","type":["string","number"]},{"name":"false-label","description":"value of the checkbox if it's not checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-button-attributes","type":["string","number"]},{"name":"disabled","description":"whether the checkbox is disabled","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-button-attributes","type":["boolean"],"default":"false"},{"name":"name","description":"native 'name' attribute","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-button-attributes","type":["string"]},{"name":"checked","description":"if the checkbox is checked","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-button-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/checkbox.html#checkbox-button-slots"}]},{"name":"el-collapse","source":{"symbol":"ElCollapse"},"description":"Use Collapse to store contents.","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse","props":[{"name":"model-value","description":"currently active panel","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-attributes","type":["string","array"]},{"name":"accordion","description":"whether to activate accordion mode","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-attributes","type":["boolean"],"default":"false"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-slots"}],"js":{"events":[{"name":"change","description":"triggers when active panels change","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-events"}]}},{"name":"el-collapse-item","source":{"symbol":"ElCollapseItem"},"doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-item","props":[{"name":"name","description":"unique identification of the panel","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-item-attributes","type":["string","number"]},{"name":"title","description":"title of the panel","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-item-attributes","type":["string"]},{"name":"disabled","description":"disable the collapse item","doc-url":"https://element-plus.org/en-US/component/collapse.html#collapse-item-attributes","type":["boolean"]}]},{"name":"el-color-picker","source":{"symbol":"ElColorPicker"},"description":"ColorPicker is a color selector supporting multiple color formats.","doc-url":"https://element-plus.org/en-US/component/color-picker.html#colorpicker","props":[{"name":"model-value","description":"binding value","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string"]},{"name":"disabled","description":"whether to disable the ColorPicker","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["boolean"],"default":"false"},{"name":"size","description":"size of ColorPicker","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string"],"attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"show-alpha","description":"whether to display the alpha slider","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["boolean"],"default":"false"},{"name":"color-format","description":"color format of v-model","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string"],"default":"hex (when show-alpha is false)/ rgb (when show-alpha is true)","attribute-value":{"type":"enum"},"values":[{"name":"hsl"},{"name":"hsv"},{"name":"hex"},{"name":"rgb"}]},{"name":"popper-class","description":"custom class name for ColorPicker's dropdown","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["string"]},{"name":"predefine","description":"predefined color options","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["array"]},{"name":"validate-event","description":"whether to trigger form validation","doc-url":"https://element-plus.org/en-US/component/color-picker.html#attributes","type":["boolean"],"default":"true"}],"js":{"events":[{"name":"change","description":"triggers when input value changes","doc-url":"https://element-plus.org/en-US/component/color-picker.html#events"},{"name":"active-change","description":"triggers when the current active color changes","doc-url":"https://element-plus.org/en-US/component/color-picker.html#events"}]}},{"name":"el-config-provider","source":{"symbol":"ElConfigProvider"},"description":"Config Provider is used for providing global configurations, which enables your entire application to access these configurations everywhere.","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider","props":[{"name":"locale","description":"Locale Object","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["[Language]"],"default":"[English](https://github.com/element-plus/element-plus/blob/dev/packages/locale/lang/en.ts)"},{"name":"size","description":"global component size","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["string"],"default":"default","attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"z-index","description":"global Initial zIndex","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["number"]},{"name":"namespace","description":"global component className prefix (cooperated with [$namespace](https://github.com/element-plus/element-plus/blob/dev/packages/theme-chalk/src/mixins/config.scss#L1))","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["string"],"default":"el"},{"name":"button","description":"button related configuration, [see the following table](#button-attributes)","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":[{"name":"ButtonGlobalConfig","source":{"symbol":"ButtonGlobalConfig"}}],"default":"see the following table"},{"name":"message","description":"message related configuration, [see the following table](#message-attributes)","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":[{"name":"MessageGlobalConfig","source":{"symbol":"MessageGlobalConfig"}}],"default":"see the following table"},{"name":"experimental-features","description":"features at experimental stage to be added, all features are default to be set to false","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-attributes","type":["Object"]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/config-provider.html#config-provider-slots"}]},{"name":"el-container","source":{"symbol":"ElContainer"},"description":"Container components for scaffolding basic structure of the page:","doc-url":"https://element-plus.org/en-US/component/container.html#container","props":[{"name":"direction","description":"layout direction for child elements","doc-url":"https://element-plus.org/en-US/component/container.html#container-attributes","type":["string"],"default":"vertical when nested with `el-header` or `el-footer`; horizontal otherwise","attribute-value":{"type":"enum"},"values":[{"name":"horizontal"},{"name":"vertical"}]}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#container-slots"}]},{"name":"el-header","source":{"symbol":"ElHeader"},"doc-url":"https://element-plus.org/en-US/component/container.html#header","props":[{"name":"height","description":"height of the header","doc-url":"https://element-plus.org/en-US/component/container.html#header-attributes","type":["string"],"default":"60px"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#header-slots"}]},{"name":"el-aside","source":{"symbol":"ElAside"},"doc-url":"https://element-plus.org/en-US/component/container.html#aside","props":[{"name":"width","description":"width of the side section","doc-url":"https://element-plus.org/en-US/component/container.html#aside-attributes","type":["string"],"default":"300px"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#aside-slots"}]},{"name":"el-main","source":{"symbol":"ElMain"},"doc-url":"https://element-plus.org/en-US/component/container.html#main","slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#main-slots"}]},{"name":"el-footer","source":{"symbol":"ElFooter"},"doc-url":"https://element-plus.org/en-US/component/container.html#footer","props":[{"name":"height","description":"height of the footer","doc-url":"https://element-plus.org/en-US/component/container.html#footer-attributes","type":["string"],"default":"60px"}],"slots":[{"name":"default","description":"customize default content","doc-url":"https://element-plus.org/en-US/component/container.html#footer-slots"}]},{"name":"el-date-picker","source":{"symbol":"ElDatePicker"},"description":"Use Date Picker for date input.","doc-url":"https://element-plus.org/en-US/component/date-picker.html#datepicker","props":[{"name":"model-value","description":"binding value, if it is an array, the length should be 2","doc-url":"https://element-plus.org/en-US/component/date-picker.html#attributes","type":["Date","number","string","Array"]},{"name":"readonly","description":"whether DatePicker is read only","doc-url":"https://element-plus.org/en-US/component/date-picker.html#attributes","type":["boolean"],"default":"false"},{"name":"disabled","description":"whether DatePicker is disabled","doc-url":"https://element-plus.org/en-US/component/date-picker.html#attributes","type":["boolean"],"default":"false"},{"name":"size","description":"size of Input","doc-url":"https://element-plus.org/en-US/component/date-picker.html#attributes","type":["string"],"default":"default","attribute-value":{"type":"enum"},"values":[{"name":"large"},{"name":"default"},{"name":"small"}]},{"name":"editable","description":"whether the input is editable","doc-url":"https://element-plus.org/en-US/component/date-picker.html#attributes","type":["boolean"],"default":"true"},{"name":"clearable","description":"whether to show clear button","doc-url":"https://element-plus.org/en-US/component/date-picker.html#attribu