From fd4d8e4a43756741807fd7972e3866827a40d0c7 Mon Sep 17 00:00:00 2001 From: tokimari Date: Wed, 13 Mar 2024 09:50:37 +0900 Subject: [PATCH] =?UTF-8?q?docs(spindle-ui):=20=E9=80=9A=E7=9F=A5=E7=B3=BB?= =?UTF-8?q?=E3=82=B3=E3=83=B3=E3=83=9D=E3=83=BC=E3=83=8D=E3=83=B3=E3=83=88?= =?UTF-8?q?=E3=81=AE=E8=AA=AC=E6=98=8E=E3=82=92=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/spindle-ui/storybook/UserNotificationTypes.mdx | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/spindle-ui/storybook/UserNotificationTypes.mdx b/packages/spindle-ui/storybook/UserNotificationTypes.mdx index 597800290..b9479814d 100644 --- a/packages/spindle-ui/storybook/UserNotificationTypes.mdx +++ b/packages/spindle-ui/storybook/UserNotificationTypes.mdx @@ -1,12 +1,10 @@ ## ユーザーへの通知の種別 -ユーザーへの通知を提示するComponentとしてToast、SnackBar、InlineNotificationがあります。画面内で完結せず、遷移させるべき状況もあります。現状下記のように使い分けています。 +ユーザーに画面内で通知する手段としてToast、SnackBar、InlineNotificationコンポーネントがあります。画面内で完結せず、遷移させるべき状況もあります。現状下記のように使い分けています。 | 選択肢 | 用途 | テキストの長さ | 追加のアクション | 自動で消える秒数 | 表示位置 | | ---- | ---- | ---- | ---- | ---- | ---- | -| [Toast](/docs/toast--information) | 更新処理の**成功を伝える**
**見落としても支障がないもの** | 1行 | なし | 4秒 | フローティング
(画面上下の中央のみ※) | -| [SnackBar](/docs/snackbar--information) | **読んでは欲しい訴求** | 3,4行まで | あり | 10秒 | フローティング
(画面上下の左・右・中央) | +| [Toast](/docs/toast--information) | 更新処理の**成功を伝える**
**見落としても支障がないもの** | 1行 | なし | 4秒 | フローティング
(画面上下の中央のみ) | +| [SnackBar](/docs/snackbar--information) | **読んでは欲しい訴求** | 3行まで | あり | 10秒 | フローティング
(画面上下の左・右・中央) | | [InlineNotification](/docs/inlinenotification--information) | 更新処理の**失敗を伝える**
**ユーザーが追加でアクションする必要があるもの** | 制限なし | あり | 消えない | ページに埋め込む必要があり、レイアウトに影響を与える | | 画面外へ遷移させる | 一連の動作にゴールがある(登録時の完了画面など)
「元の画面に戻る」動作をさせたい時 | 制限なし | 制限なし | 消えない | 別ページ | - -※現在は、SPは中央下のみ実装されています。