Skip to content

ServerIcon

A Vue component.

File: src/components/common/ServerIcon.vue

Overview

Props

NameTypeDefaultRequiredDescription
idstringundefinedNo description
srcunionundefinedNo description
altstring'server'No description
classesArrayundefinedNo description
sizeserverSize'md'No description
statusUserStatusundefinedNo description
editablebooleanfalseNo description
interactivebooleanfalseNo description
loadingbooleanfalseNo description
shapeImageShape'rounded'No description
showTitlebooleantrueNo description

Props Details

id

No description available.

  • Type: string
  • Required: No
  • Default: undefined

src

No description available.

  • Type: union
  • Required: No
  • Default: undefined

alt

No description available.

  • Type: string
  • Required: No
  • Default: 'server'

classes

No description available.

  • Type: Array
  • Required: No
  • Default: undefined

size

No description available.

  • Type: serverSize
  • Required: No
  • Default: 'md'

status

No description available.

  • Type: UserStatus
  • Required: No
  • Default: undefined

editable

No description available.

  • Type: boolean
  • Required: No
  • Default: false

interactive

No description available.

  • Type: boolean
  • Required: No
  • Default: false

loading

No description available.

  • Type: boolean
  • Required: No
  • Default: false

shape

No description available.

  • Type: ImageShape
  • Required: No
  • Default: 'rounded'

showTitle

No description available.

  • Type: boolean
  • Required: No
  • Default: true

Events

NameParametersDescription
clickstringNo description
uploadFileNo description
editunknownNo description

Event Details

click

No description available.

Parameters: string

upload

No description available.

Parameters: File

edit

No description available.

Parameters: unknown

Slots

This component has no slots.

Methods

This component exposes no public methods.

Usage Example

vue
<template>
  <ServerIcon
    
    @click="handleClick"
    @upload="handleUpload"
    @edit="handleEdit" />
</template>

<script setup lang="ts">
const handleClick = (data: string) => {
  // Handle click event
}

const handleUpload = (data: File) => {
  // Handle upload event
}

const handleEdit = (data: unknown) => {
  // Handle edit event
}
</script>

File Location

src/components/common/ServerIcon.vue


This documentation was automatically generated from the component source code.

Released under the AGPL-3.0 License.