一度つくれば、 どこでも使える。
あらゆるプロダクトになじむ、アクセシブルな部品。
スケールする インターフェース。
小さく信頼できる部品から組み上げる、明快なパターン。
最初のレンダリングから 使える。
JavaScriptの読み込み前から使える、キーボード対応のインターフェース。
ライブラリの全コンポーネントを、承認されたスタイルで表示します。構造はプラットフォームのパターンに従い、ラベルはコントロールの上、高さは36–38px、フォーカスリングは3px、選択とアクションには同じ青を使います。
A short summary of the latest product changes.
Read the release notesEnter a domain. Add https:// when using the value.
Create a project to organize your work.
| 名前 | 役割 |
|---|---|
| アリス | 管理者 |
| ボブ | 編集者 |
A shared view of what you are working on.
Keep your team's projects and recent updates in one place.
Website refresh · In progress. Design library · Ready for review.
The team updated the roadmap and shared a new design proposal.
Start with a name, invite your team, and plan your next milestone.
Find guides for organizing projects and collaborating with your team.
A table of contents gives readers a map of a longer article. Open the contents or choose a bar to jump to a section. Scroll this article to follow your position in the rail.
Keep navigation beside the content it describes. Each of the four bars and its matching link points to a real section in this preview, so you can explore without leaving the card.
Give each section a unique ID and use that same ID for its link and indicator. Scope scroll tracking to the article’s container when the content sits inside another page.
Use CSS to adjust the rail, spacing and panel. The active bar follows the current section. Native heading links continue to work when JavaScript is unavailable.