バー

バー

バーは、1行で1つの事柄を示します:それが何であるか、何と呼ばれるか、それを定義するもの、そして端に何があるか。これは形であり、バインディングではありません — エンティティは自身のテンプレートを通じてそれに到達しますが、ファイル、アプリ、または設定の検索結果は同じマークアップを使用します。

バー自体

タイトル以外はすべてオプションです。先頭のスロットにはアイコン、または本物のアバターが必要な場合はマークアップが入ります;後のスロットには日付、タグ、ボタンの行が入ります。リンクが与えられた場合、全幅がターゲットとなり、タイトルはその位置の色を保持します。
単独のタイトル
先頭にアイコン付き
マヤ・リンドクヴィスト
maya@example.com
四半期報告
14件の文書
リンクのバー
全幅がターゲット

結果のリスト

リストはフレーム、検索フィールド、区切りを提供します;各行はバーを持ちます。ここにはエンティティはありません — それが要点です:同じ行が人、文書、アプリ、そして好みにサービスします。

シンプルなリスト

フレームがすでにある場合、区切りのある垂直スタックで十分です — 自身の形はなく、2つの行の間にただ線があります。
マヤ・リンドクヴィスト
所有者
サム・オコンコ
編集者
ナイトリーインポート
サービスアカウント

それぞれのサーフェス

リストの別の読み方 — 共有された背景も線もなく、各バーが自分のブロックの上に立って周囲にスペースがあります。スタイルを変更する新しいものはなく、バーは単にブロッククラスを受け取ります。リンクが与えられた場合、全カードがターゲットとなります。
マヤ・リンドクヴィスト
所有者
サム・オコンコ
編集者
ナイトリーインポート
サービスアカウント

所見

分析が報告する内容、1つのバーごとに:所見がタイトル、どこにあるかがサブタイトル、そしてそれに対処できることが後のスロットに示されます — ここで何もできない場合は何もありません。深刻度はブロックのトーンであり、先頭のアバターもそれを受け取ります。
必須セクション「目的」が欠落しています
01-PROCESSES/PR-004-document-control.md
レビュー日が過去です
01-PROCESSES/PR-004-document-control.md:4
所有者フィールドが空です
ドラフトにはブロックされませんが、レビュー前に必要です

Vueでのリスト

同じ行がエンドポイントから読み込まれ、書き出されるのではなく:リストはページ、ページネーション、空の状態を保持し、それぞれのエンティティは何を読むべきかを示します — タイトル、それを定義するもの、アイコン、どこに導くか、端にある日付。上記の読み方はそのバリエーションであり、`divided` から `surfaces` です。

最新の情報を保持

バーリストは他のコレクションと同様であり、世界が進んだことをコレクションが知る3つの方法が開かれています:アプリイベント、ライブソース、ポーリング。このリストはイベントを聞きます — リングして行が戻ってくるのを見てください。並んでいる3つの側面のために「最新の情報を保持」を参照してください。