AXIS
Agentic UI/ThinkingIndicator

ThinkingIndicator

AI가 생각/처리 중임을 나타내는 인디케이터 컴포넌트입니다. 애니메이션 점으로 진행 상태를 표시합니다.

Installation

bash
npx axis-cli add thinking-indicator --agentic

Demo

기본

생각 중

커스텀 텍스트

분석 중

다양한 상황

코드 분석 중
응답 생성 중
데이터 처리 중

Sizes

sm
작은 크기
md
기본 크기
lg
큰 크기

Usage

tsx
import { ThinkingIndicator } from '@axis-ds/agentic-ui'

export function Example() {
  return (
    <div className="space-y-4">
      <ThinkingIndicator />
      <ThinkingIndicator text="분석 중" size="lg" />
      <ThinkingIndicator text="처리 중" size="sm" />
    </div>
  )
}

Props

text
Type:string
Default:"생각 중"

표시할 텍스트

size
Type:"sm" | "md" | "lg"
Default:"md"

크기

className
Type:string
Default:-

추가 CSS 클래스