کامپوننت آیکون

آیکون‌ها بخش مهمی از هر اپلیکیشن وب و موبایل هستند. آن‌ها به کاربران کمک می‌کنند تا ویژگی‌های شما را به سرعت درک کنند. آیکون‌های Vulk را کاوش کنید.

اجزاء باز کردن اسناد

اندازه گرد رنگبندی حاشیه‌دار

جعبه آیکون

خلاصه‌ای از اندازه‌های جعبه آیکون‌ها


<template>
  <IconBox size="small">
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
  <IconBox>
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
  <IconBox size="medium">
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
</template>

جعبه گرد

مروری بر اندازه‌های مختلف جعبه گرد


<template>
  <IconBox size="small" rounded>
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
  <IconBox rounded>
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
  <IconBox size="medium" rounded>
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
</template>

رنگبندی‌های جعبه

مروری بر رنگبندی‌های جعبه‌ها


<template>
  <IconBox size="medium" color="primary">
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
  <IconBox size="medium" color="success">
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
  <IconBox size="medium" color="info">
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
</template>

جعبه حاشیه‌دار

مروری بر جعبه‌های حاشیه‌دار


<template>
  <IconBox size="medium" color="primary" bordered>
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
  <IconBox size="medium" color="success" rounded bordered>
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
  <IconBox size="medium" color="info" bordered>
    <i class="iconify" data-icon="ion:gift-outline"></i>
  </IconBox>
</template>

ویژگی های عالی

دموها

دموها

مستندات وولک

ما آینده را می‌سازیم

ما چه کسی هستیم

به ما برسید

منابع

فرا گرفتن

بلاک ها

کامپوننت آیکون

جعبه آیکون

جعبه گرد

رنگبندی‌های جعبه

جعبه حاشیه‌دار