Entity Avatar

Display a specialised entity avatar with an auto generated color block.

Usage

Used as an identifier for a user's created entities in the compute console. A fixed color will be generated based on the id prop passed.

<template>
  <CEntityAvatar
    id="entity123"
    type="billing-account"
  />
</template>

Type

Use the type prop to adjust the entity type.

<template>
<CEntityAvatar type="virtual-machine" id="example123" />
</template>

ID

Use the id prop to generate a fixed color.

<template>
<CEntityAvatar id="entity89" type="billing-account" />
</template>

Loading

<template>
<CEntityAvatar loading id="example123" type="billing-account" />
</template>

Props

typerequired
"project" | "billing-account" | "data-center" | "virtual-machine" | "network" | "bucket"
id
string
loading
boolean