Inline messagefeedback

Short field- or section-level message with five tones, no actions and a polite live region.

설치

pnpm

pnpm dlx shadcn@4.23.0 add @uikit/inline-message

의존 아이템locale style

Default

참고: This is a neutral message next to the field.

안내: This is a info message next to the field.

성공: This is a success message next to the field.

주의: This is a warning message next to the field.

오류: This is a destructive message next to the field.

inline-message-demo.tsx

import { INLINE_MESSAGE_TONES, InlineMessage } from "@/components/ui/inline-message";
export default function InlineMessageDemo() {  return (    <div className="flex flex-col gap-2">      {INLINE_MESSAGE_TONES.map((tone) => (        <InlineMessage key={tone} tone={tone}>          This is a {tone} message next to the field.        </InlineMessage>      ))}    </div>  );}