Alixan UI

Статус

Success, warning, info және error күйлеріне арналған Alixan UI status pill.

Орнату

npx alixan-ui-nuxt add status

Қолдану

Success
Warning
Info
Error
<template>
  <div class="flex flex-wrap items-center gap-2">
    <Status label="Success" type="success" />
    <Status label="Warning" type="warning" />
    <Status label="Info" type="info" />
    <Status label="Error" type="error" />
  </div>
</template>

Өлшем

Small
Medium
Large
<template>
  <div class="flex flex-wrap items-center gap-2">
    <Status label="Small" size="sm" type="success" />
    <Status label="Medium" type="success" />
    <Status label="Large" size="lg" type="success" />
  </div>
</template>

API анықтамасы

ҚасиетТүріӘдепкіСипаттама
labelstring-Default slot қолданылмаса көрсетілетін қосалқы мәтін.
type'success' | 'warning' | 'info' | 'error''info'Статустың семантикалық тоны.
size'sm' | 'md' | 'lg''md'Биіктікті, padding және gap басқарады.