toast

ui

Toast

fly-byデザインシステムのToastコンポーネント。通知メッセージ。-color-default/informative/positive/negativeをサポート。

プレビュー

Notification

Your changes have been saved successfully.

インストール

npx shadcn@latest add "https://fly-by.design.yukyu.net/r/toast.json"

依存関係

NPM Packages

@radix-ui/react-toastlucide-reactclass-variance-authority

使用例

import { Toast } from "@/components/ui/toast"

// コンポーネントを使用
<Toast>
  Content
</Toast>

ファイル

registry/fly-by/ui/toast.tsxui