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

Unable to load component <TairoCheckAnimated> metadata.