LiberkaDesign Guidelines

Web Components

ガイドライン本文の媒体別標準を、状態・token・アクセシビリティまで確認できる参照見本です。 製品別規則は共通構造を変えず、その製品だけの表現を具体化します。

Button

部品単体の意味と状態を確認します。 派生参照ビューを読む

Card

部品単体の意味と状態を確認します。 派生参照ビューを読む

今週の記録

一つの話題をまとめます。カード全体を操作にはしません。

Label

部品単体の意味と状態を確認します。 派生参照ビューを読む

確認済み要確認失敗

Text Field

部品単体の意味と状態を確認します。 派生参照ビューを読む

公開範囲に表示されます。

Search Field

部品単体の意味と状態を確認します。 派生参照ビューを読む

Chat Composer

部品単体の意味と状態を確認します。 派生参照ビューを読む

Tabs

部品単体の意味と状態を確認します。 派生参照ビューを読む

選択中の面です。

Accordion

部品単体の意味と状態を確認します。 派生参照ビューを読む

Dialog

部品単体の意味と状態を確認します。 派生参照ビューを読む

この記録を削除しますか

削除後は元に戻せません。対象と結果を確認してください。

Popover / Menu / Tooltip

部品単体の意味と状態を確認します。 派生参照ビューを読む

Popover / Menu / Tooltip は起点と役割で使い分けます

Progress / Spinner

部品単体の意味と状態を確認します。 派生参照ビューを読む

資料を生成しています(3 / 5)

List / Table

部品単体の意味と状態を確認します。 派生参照ビューを読む

担当状態
山田 花子確認済み
佐藤 健確認待ち

Chat Bubble

部品単体の意味と状態を確認します。 派生参照ビューを読む

Schedia今日整理したいことは何ですか。
あなた明日の優先順位を決めたいです。