Status 상태

인터랙션 결과를 전달하는 컴포넌트예요.

출처: 문서

본문

언제 사용하나요

작업의 실행 결과를 나타낼 때 사용해요.

기본 사용법

:::demo

<template>
  <d-status>Default</d-status>
  <d-status type="success">Success</d-status>
  <d-status type="error">Error</d-status>
  <d-status type="warning">Warning</d-status>
  <d-status type="initial">Initial</d-status>
  <d-status type="waiting">Waiting</d-status>
  <d-status type="running">Running</d-status>
  <d-status type="invalid">Invalid</d-status>
</template>

:::

Status 파라미터

Status 타입 정의

IStatusType

type IStatusType = 'success' | 'error' | 'initial' | 'warning' | 'waiting' | 'running' | 'invalid';

더 알아보기 (Learn more)

type 파라미터로 success·error·warning·waiting·running 등 작업 결과 상태를 표시하는 배지를 간단히 만들 수 있어요.