From b27509764f5b60131401aee3ae58e2cdb113f74a Mon Sep 17 00:00:00 2001 From: tokimari Date: Tue, 5 Mar 2024 14:06:27 +0900 Subject: [PATCH] =?UTF-8?q?docs(spindle-ui):=20=E3=82=B3=E3=83=B3=E3=83=9D?= =?UTF-8?q?=E3=83=BC=E3=83=8D=E3=83=B3=E3=83=88=E8=A1=A8=E8=A8=98=E3=81=AE?= =?UTF-8?q?=E4=BF=AE=E6=AD=A3=20Snackbar=20->=20SnackBar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/InlineNotification/InlineNotification.stories.mdx | 4 ++-- packages/spindle-ui/src/InlineNotification/design-doc.md | 2 +- packages/spindle-ui/src/SnackBar/SnackBar.stories.mdx | 2 +- packages/spindle-ui/src/Toast/Toast.stories.mdx | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/spindle-ui/src/InlineNotification/InlineNotification.stories.mdx b/packages/spindle-ui/src/InlineNotification/InlineNotification.stories.mdx index f5f4e2ac5..4d1f3bfd0 100644 --- a/packages/spindle-ui/src/InlineNotification/InlineNotification.stories.mdx +++ b/packages/spindle-ui/src/InlineNotification/InlineNotification.stories.mdx @@ -35,7 +35,7 @@ InlineNotificationコンポーネントは、ユーザーのアクションに ## ユーザーへの通知の種別 -ユーザーにお知らせをするための他のComponentとしてToastとSnackbarがあります。画面内で完結せず、遷移させるべき状況もあります。現状下記のように使い分けています。 +ユーザーにお知らせをするための他のComponentとしてToastとSnackBarがあります。画面内で完結せず、遷移させるべき状況もあります。現状下記のように使い分けています。 ### 通信を伴うデータ更新のフィードバック @@ -50,7 +50,7 @@ InlineNotificationコンポーネントは、ユーザーのアクションに | Component | 用途 | テキストの長さ | 追加のアクション | 自動で消える秒数 | 表示位置 | | ---- | ---- | ---- | ---- | ---- | ---- | | [Toast](/docs/toast--information) | 更新処理の**成功を伝える**
**見落としても支障がないもの** | 1行 | なし | 4秒 | フローティング
（画面上下の中央のみ※） | -| [Snackbar](/docs/snackbar--information) | **読んでは欲しい訴求** | 3,4行まで | あり | 10秒 | フローティング
（画面上下の左・右・中央） | +| [SnackBar](/docs/snackbar--information) | **読んでは欲しい訴求** | 3,4行まで | あり | 10秒 | フローティング
（画面上下の左・右・中央） | | [InlineNotification](/docs/inlinenotification--information) | 更新処理の**失敗を伝える**
**ユーザーが追加でアクションする必要があるもの** | 制限なし | あり | 消えない | ページに埋め込む必要があり、レイアウトに影響を与える | ※現在は、SPは中央下のみ実装されています。 diff --git a/packages/spindle-ui/src/InlineNotification/design-doc.md b/packages/spindle-ui/src/InlineNotification/design-doc.md index fbd95f39a..990e7f76b 100644 --- a/packages/spindle-ui/src/InlineNotification/design-doc.md +++ b/packages/spindle-ui/src/InlineNotification/design-doc.md @@ -10,7 +10,7 @@ InlineNotificationコンポーネントは、ユーザーのアクションに Component | テキストの長さ | 追加のアクションの有無 | 自動で消える秒数 | 表示位置 | メッセージの内容 :-- | :-- | :-- | :-- | :-- | :-- Toast | 1行のみ | なし | 4秒 | フローティングで位置固定で表示（画面上下の中央のみ） | 見落としても支障がない -Snackbar | 3,4行まで | あり | 10秒 | フローティングで位置固定で表示（画面上下の左・右・中央）| 読んでは欲しい、訴求 +SnackBar | 3,4行まで | あり | 10秒 | フローティングで位置固定で表示（画面上下の左・右・中央）| 読んでは欲しい、訴求 InlineNotification | 制限なし | あり | 消えない | ページに埋め込む必要がありレイアウトに影響を与える | エラー通知など、ユーザーの追加のアクションが必要なもの ## スクリーンショット diff --git a/packages/spindle-ui/src/SnackBar/SnackBar.stories.mdx b/packages/spindle-ui/src/SnackBar/SnackBar.stories.mdx index 3aac52411..9e38403c4 100644 --- a/packages/spindle-ui/src/SnackBar/SnackBar.stories.mdx +++ b/packages/spindle-ui/src/SnackBar/SnackBar.stories.mdx @@ -137,7 +137,7 @@ SnackBarコンポーネントは、利用者に一時的なお知らせをする | Component | 用途 | テキストの長さ | 追加のアクション | 自動で消える秒数 | 表示位置 | | ---- | ---- | ---- | ---- | ---- | ---- | | [Toast](/docs/toast--information) | 更新処理の**成功を伝える**
**見落としても支障がないもの** | 1行 | なし | 4秒 | フローティング
（画面上下の中央のみ※） | -| [Snackbar](/docs/snackbar--information) | **読んでは欲しい訴求** | 3,4行まで | あり | 10秒 | フローティング
（画面上下の左・右・中央） | +| [SnackBar](/docs/snackbar--information) | **読んでは欲しい訴求** | 3,4行まで | あり | 10秒 | フローティング
（画面上下の左・右・中央） | | [InlineNotification](/docs/inlinenotification--information) | 更新処理の**失敗を伝える**
**ユーザーが追加でアクションする必要があるもの** | 制限なし | あり | 消えない | ページに埋め込む必要があり、レイアウトに影響を与える | ※現在は、SPは中央下のみ実装されています。 diff --git a/packages/spindle-ui/src/Toast/Toast.stories.mdx b/packages/spindle-ui/src/Toast/Toast.stories.mdx index 56247c50d..1e94d5e5b 100644 --- a/packages/spindle-ui/src/Toast/Toast.stories.mdx +++ b/packages/spindle-ui/src/Toast/Toast.stories.mdx @@ -117,7 +117,7 @@ Toastコンポーネントは、利用者に一時的なお知らせをする際 ## ユーザーへの通知の種別 -ユーザーにお知らせをするための他のComponentとしてSnackbarとInlineNotificationがあります。画面内で完結せず、遷移させるべき状況もあります。現状下記のように使い分けています。 +ユーザーにお知らせをするための他のComponentとしてSnackBarとInlineNotificationがあります。画面内で完結せず、遷移させるべき状況もあります。現状下記のように使い分けています。 ### 通信を伴うデータ更新のフィードバック