القائمة
Element Plus Avatar component (el-avatar) API documentation. Triggers when user wants to use, implement, or asks about el-avatar or Avatar component.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | element-plus-avatar |
| description | Element Plus Avatar component (el-avatar) API documentation. Triggers when user wants to use, implement, or asks about el-avatar or Avatar component. |
| Name | Description | Type | Default |
|---|---|---|---|
| icon | representation type to icon, more info on icon component. | ^[string] / ^[Component] | — |
| size | avatar size. | ^[number] / ^[enum]'large' | 'default' | 'small' | — |
| shape | avatar shape. | ^[enum]'circle' | 'square' | — |
| src | the source of the image for an image avatar. | string | — |
| src-set | native attribute srcset of image avatar. | string | — |
| alt | native attribute alt of image avatar. | string | — |
| fit | set how the image fit its container for an image avatar. | ^[enum]'fill' | 'contain' | 'cover' | 'none' | 'scale-down' | cover |
| Name | Description | Type |
|---|---|---|
| error | trigger when image load error. | ^[Function](e: Event) => void |
| Name | Description |
|---|---|
| default | customize avatar content. |
| Name | Description | Type | Default |
|---|---|---|---|
| size | control the size of avatars in this avatar-group | ^[number] / ^[enum]'large' | 'default' | 'small' | — |
| shape | control the shape of avatars in this avatar-group | ^[enum]'circle' | 'square' | — |
| collapse-avatars | whether to collapse avatars | ^[boolean] | false |
| collapse-avatars-tooltip | whether show all collapsed avatars when mouse hover text of the collapse-avatar. To use this, collapse-avatars must be true | ^[boolean] | false |
| max-collapse-avatars | the max avatars number to be shown. To use this, collapse-avatars must be true | ^[number] | 1 |
| effect | tooltip theme, built-in theme: dark / light | ^[enum]'dark' | 'light' / ^[string] | light |
| placement | placement of tooltip | ^[enum]'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end' | top |
| popper-class | custom class name for tooltip | ^[string] | '' |
| popper-style | custom style for tooltip | ^[string] / ^[object] | — |
| collapse-class | custom class name for the collapse-avatar | ^[string] | '' |
| collapse-style | custom style for the collapse-avatar | ^[string] / ^[object] | — |
Element Plus Affix component (el-affix) API documentation. Triggers when user wants to use, implement, or asks about el-affix or Affix component.
Element Plus Alert component (el-alert) API documentation. Triggers when user wants to use, implement, or asks about el-alert or Alert component.
Element Plus Anchor component (el-anchor) API documentation. Triggers when user wants to use, implement, or asks about el-anchor or Anchor component.
Element Plus Autocomplete component (el-autocomplete) API documentation. Triggers when user wants to use, implement, or asks about el-autocomplete or Autocomplete component.
Element Plus Backtop component (el-backtop) API documentation. Triggers when user wants to use, implement, or asks about el-backtop or Backtop component.
Element Plus Badge component (el-badge) API documentation. Triggers when user wants to use, implement, or asks about el-badge or Badge component.
