見本のページ
部品を実際の画面に並べたものです。どのページも、右下のボタンから密度や props を切り替えられます。
記事
Markdown を変換した記事に、拡大できる画像・埋め込み・畳んだ補足・関連する記事を添えた 1 本
ProseImageZoomBleedEmbedCollapsibleHeadingAnchorMarkLinkCardTime
ドキュメント
上の帯と部品のメニュー・左の目次・手順のある本文・ページ内の目次・次に読むページで組んだドキュメントサイト
NavbarTreeNavigationMenuAffixSearchFieldStepsFileTreeTableOfContentsLinkCardPager
新規登録
アカウント・確認コード・プロフィールの 3 段で、アカウントを作る画面
StepperPinFieldPasswordFieldFormCheckboxSwitchNotice
設定
プロフィール・通知・表示・セキュリティを 1 ページに並べ、目次で節へ飛ぶ設定の画面
TableOfContentsFieldsetDropzoneAvatarMaskFieldComboboxTimePickerSegmentedControlSliderMeterPasswordFieldPinFieldAlertDialogToast
一覧
メンバーを管理する画面の一覧。行から詳細を開く
DataTableToolbarSearchFieldChipStatNumberFormatContextMenuStatusPanelAvatarGroupDialogDescriptionListTimeRelativeTimePaginationMenu
SNS
小さなコミュニティの SNS のタイムライン。画像・リンク・ネタバレの付いた投稿と、いいね
PreviewCardToggleTabsMenuDialogSkeletonGalleryImageZoomLinkCardSpoilerAvatarGroupRelativeTimeNumberFormatTagsInputTextareaBadge
申込フォーム
勉強会の申し込み。入力・確認・完了の 3 つの画面
FormComboboxTagsInputNumberFieldRadioGroup
記事一覧
ブログの記事をカードで並べた一覧
CardAutocompleteChipPagination
プロフィール
コミュニティのメンバーのプロフィールのページ
AvatarTimelineStatLinkCard
ダッシュボード
お店の売上や注文をまとめた管理画面
StatButtonGroupProgressMeterSearchFieldStatusPanel
予約
日と時刻を選んで予約する画面
CalendarDialogNumberFieldNotice
料金プラン
料金プランを紹介して、比べてもらうページ
CardTableTabsAccordion
美術館
架空の美術館のサイト。展覧会・所蔵品・チケットの購入
GalleryCarouselMasonryImageZoomVideoStepper
タスクボード
チームのタスクを、ボードと表で管理する画面
SortableDataTableInspectorToggleGroupDateField
大会プラットフォーム
大会の管理画面。左の列（Sidebar）でステージ＞リーグ＞グループを選び、行を押すと横のパネル（Inspector）で試合の詳細と経過を見ます。シードは引いて並べ替えます。
SidebarInspectorSortableDataTableBreadcrumbStepperStatSegmentedControlTimelineDialogComboboxDatePickerTimePickerNumberFieldStatusPanelDescriptionList
作品集
注目の作品・制作の様子・分野で絞り込める作品の一覧を並べた、個人の作品集
CarouselMasonryThumbnailsVideoAspectRatioToggleGroupCardGridTime
エディタ
ブログの記事を Markdown で書き、プレビューを見ながら公開する画面
MenubarToolbarContextMenuButtonGroupToggleTextareaProseTabsTagsInputDatePickerDropzoneSwitchToast