Skip to content

docs(spindle-ui): add Design Doc for Breadcrumb#770

Merged
tokimari merged 1 commit into
mainfrom
docs/breadcrumb
Aug 9, 2023
Merged

docs(spindle-ui): add Design Doc for Breadcrumb#770
tokimari merged 1 commit into
mainfrom
docs/breadcrumb

Conversation

@tokimari

@tokimari tokimari commented Aug 3, 2023

Copy link
Copy Markdown
Contributor

Breadcrumb ComponentのDesign Docを移行してみました。
移行元のDesign Doc、参照したFigmaファイルはasanaのチケットに貼ります:pray:

きになり

  • Variantをどう・どこに列挙するのが良いかなと悩みました 💭 (spindle-uiに多発なのでテンプレートに入っててもいい?)
  • ## スクリーンショット に追加すべきものが思い浮かばなかったので削除しましたが、なにか入れるべきだったでしょうか・・ 🤔
    • タップ領域について説明が難しかったので追加しています(後半に)
  • 既に実装済みComponentのため、実装例は入れていません

@reg-suit

reg-suit Bot commented Aug 3, 2023

Copy link
Copy Markdown

✨✨ That's perfect, there is no visual difference! ✨✨

Check out the report here.

@github-actions

github-actions Bot commented Aug 3, 2023

Copy link
Copy Markdown
Contributor

Visit the preview URL for this PR (updated for commit 43e520f):

https://ameba-spindle--pr770-docs-breadcrumb-kbhzzbq4.web.app

(expires Fri, 08 Sep 2023 05:36:33 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: e7521619a2dd5c653490c8246e81ec2a5c8f1435

@tokimari tokimari marked this pull request as ready for review August 3, 2023 06:41
@tokimari tokimari self-assigned this Aug 3, 2023
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
- [現在位置を確認することができる](https://a11y-guidelines.ameba.design/2/4/8/)[SHOULD]
- [ ] 現在位置は `aria-current="page"` を付与している
- [ターゲットのサイズを理解する](https://a11y-guidelines.ameba.design/2/5/5/)[SHOULD]
- [ ] タップ領域は44px以上確保している※注

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- [ ] タップ領域は44px以上確保している※注
- [ ] タップ領域は44px × 44px以上確保している※注

ちょっと細かいですが 44px × 44px と明記した方がよかったりします?

@tokimari tokimari Aug 8, 2023

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

マスターシート&コンポーネントのシート&Design Docsも反映しました! a6ddf5e
(マスターシートをいじる必要があるのは初期だけと信じている・・w)

Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated

@itsminadesu itsminadesu left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

細かいとこだけ追加でコメントしましたが、良さそうです 🎉

Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md Outdated
Comment thread packages/spindle-ui/src/Breadcrumb/design-doc.md
@tokimari

tokimari commented Aug 9, 2023

Copy link
Copy Markdown
Contributor Author

#770 (comment) についてはいい案が浮かばずいったんステイ・・ひとまず概要のままでどうでしょうか:joy:
その他は修正済みです!良さそうならコミットまとめちゃいます〜〜

@itsminadesu itsminadesu left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Spindle 使っていれば LGTM

@herablog herablog left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

エンジニアを褒めるネコ:優勝した

@tokimari

tokimari commented Aug 9, 2023

Copy link
Copy Markdown
Contributor Author

コミットまとめました!
@yasuda-shin お休み明けご確認おねがいします〜 ⚾

@yasuda-shin yasuda-shin left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@tokimari

tokimari commented Aug 9, 2023

Copy link
Copy Markdown
Contributor Author

球場から・・!? :arigatogozaimasu:

@tokimari tokimari merged commit ae15b9e into main Aug 9, 2023
@tokimari tokimari deleted the docs/breadcrumb branch August 9, 2023 06:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants