Menu
Documentation

Check animated

TairoCheckAnimated is a simple animated icon that can be used to show a checkmark animation when a user accomplishes an action. It can be used in a button or in a form to show that the action was successful.

Example

Show code
vue
<script setup lang="ts"></script>

<template>
  <div class="flex items-end gap-3">
    <TairoCheckAnimated color="success" size="xs" />

    <TairoCheckAnimated color="success" size="sm" />

    <TairoCheckAnimated color="success" size="md" />

    <TairoCheckAnimated color="success" size="lg" />
  </div>
</template>

Components

TairoCheckAnimated

Prop Type
class
default:-
unknown
color
default:"success"
"success" | "primary" | "info" | "warning" | "danger"

The color of the icon.

key
default:-
PropertyKey
ref
default:-
VNodeRef
ref-for
default:-
boolean
ref-key
default:-
string
size
default:"md"
"md" | "xs" | "sm" | "lg"

The size of the icon.

style
default:-
unknown