UI図鑑

グルーピング:

入力・操作24種

ウィザードWizard テキストフィールドText Field テキストエリアTextarea インラインバリデーションInline Validation オートコンプリートAutocomplete ドロップダウンSelect カレンダーピッカーDate Picker チェックボックスCheckbox ラジオボタンRadio button トグルスイッチSwitch 増減ボタンNumber Stepper スライダーSlider レンジスライダーRange Slider ドロップゾーンDrop Zone ボタンButton スプリットボタンSplit button コピーボタンCopy button いいねボタンLike button ドラッグアンドドロップDrag and drop アクションシートAction sheet スワイプアクションSwipe actions フローティングアクションボタン（FAB）FAB スピードダイヤルSpeed dial 引っ張って更新Pull to refresh

表示・整理24種

ヒーローHero カルーセルCarousel スクロールスナップScroll snapping 追従セクションPinned section スプリットビューSplit view アコーディオンAccordion 石積みレイアウトMasonry layout カードCard ライトボックスLightbox タグ／チップChip / Tag アバターAvatar レーティングRating ポップオーバーPopover 吹き出しTooltip もっと見るボタンLoad more button 続きを読むRead more / Show more 空状態Empty state 無限スクロールInfinite scroll 遅延読み込みLazy loading データテーブルData table カンバンボードKanban board 階層ツリーTree view タイムラインTimeline サイドピークSide peek

フィードバック・状態13種

スケルトンスクリーンSkeleton screen ローディングスピナーSpinner 進捗バーProgress bar バナー通知Notification banner CookieバナーCookie banner トースト通知Toast 確認ダイアログAlert dialog モーダルModal / Dialog ボトムシートBottom sheet ガイドツアーGuided tour スポットライトCoach marks カウントダウンタイマーCountdown timer バッジBadge