Skip to content

Conversation

@quqjp
Copy link
Collaborator

@quqjp quqjp commented Dec 3, 2025

概要

  • Dropdownコンポーネントの仕様書を追加

変更内容

  • コンポーネントの仕様書を追加
  • props の説明記述
  • 合わせてStorybook Docsの更新
    • コード例の記載

@github-actions
Copy link

github-actions bot commented Dec 3, 2025

Chromatic results

Outputs

Name Value
storybookUrl https://639bcc36e4bdc7deb6496ad2-axznumivji.chromatic.com/
buildUrl https://www.chromatic.com/build?appId=639bcc36e4bdc7deb6496ad2&number=1576
actualCaptureCount 26
changeCount 0
errorCount 0

@quqjp quqjp changed the base branch from feature/docs-dropdown to feature/ai-work December 3, 2025 01:02
@quqjp quqjp changed the title Dropdown|Add Dropdown Specification WIP|Dropdown|Add Dropdown Specification Dec 3, 2025
@quqjp quqjp changed the base branch from feature/ai-work to main December 5, 2025 00:54
- `docs/component/dropdown-specification.md:1` に Dropdown 仕様書を新規作成し、Props/状態/使用例/アクセシビリティ/注意事項/更新履歴をテンプレ準拠で整備。`portalTargetRef` や `Dropdown.Menu`・`Dropdown.Item` の API も含めて解説し、JST タイムスタンプで履歴を記載しました。
- `README.md:124` のコンポーネント一覧に Dropdown の仕様書リンクを追加し、利用者が新ドキュメントへ遷移できるようにしました。
- `packages/component-ui/src/dropdown/Docs.mdx:1` に Markdown 仕様書の埋め込みと Code Examples セクションを追加して Storybook Docs から詳細仕様へ直接アクセスできるようにしました。
- `packages/component-ui/src/dropdown/dropdown.tsx:14`, `dropdown-menu.tsx:8`, `dropdown-item.tsx:8` に各 Props の説明コメントを付与し、実装コード側からも API の意図が分かるようにしました。

**テスト**
- 実施していません(ドキュメントとコメントのみの更新のため)。

**Next**
1. Storybook (`yarn storybook`) を再起動して Docs タブから新しい仕様書埋め込みとコード例の表示を確認してください。
quqjp added 3 commits December 5, 2025 10:21
- `docs/component/dropdown-specification.md:1` に Dropdown 仕様書を新規作成し、Props/状態/使用例/アクセシビリティ/注意事項/更新履歴をテンプレ準拠で整備。`portalTargetRef` や `Dropdown.Menu`・`Dropdown.Item` の API も含めて解説し、JST タイムスタンプで履歴を記載しました。
- `README.md:124` のコンポーネント一覧に Dropdown の仕様書リンクを追加し、利用者が新ドキュメントへ遷移できるようにしました。
- `packages/component-ui/src/dropdown/Docs.mdx:1` に Markdown 仕様書の埋め込みと Code Examples セクションを追加して Storybook Docs から詳細仕様へ直接アクセスできるようにしました。
- `packages/component-ui/src/dropdown/dropdown.tsx:14`, `dropdown-menu.tsx:8`, `dropdown-item.tsx:8` に各 Props の説明コメントを付与し、実装コード側からも API の意図が分かるようにしました。

**テスト**
- 実施していません(ドキュメントとコメントのみの更新のため)。

**Next**
1. Storybook (`yarn storybook`) を再起動して Docs タブから新しい仕様書埋め込みとコード例の表示を確認してください。
@quqjp quqjp changed the title WIP|Dropdown|Add Dropdown Specification Dropdown|Add Dropdown Specification Dec 8, 2025
@quqjp quqjp requested a review from Syunki0403 December 8, 2025 06:58
@quqjp quqjp merged commit 5a3a4f9 into main Dec 15, 2025
9 checks passed
@quqjp quqjp deleted the vk/1c4d-dropdown branch December 15, 2025 03:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants