コンポーネント

一貫性のあるプロダクトを設計をするためのガイドラインです。このページでは、LIPS Design System の代表的なコンポーネントをご紹介します。

Basic Button

Basic Buttonコンポーネントは、選択・実行できるアクションであることを伝えます。なお、目的の異なる複数のスタイルのボタンが存在します。

Primary Button

Primary Buttonは、その画面の中で最も重要なアクションの時に使用します。

EC Button

EC Buttonは、各種ECサイトに遷移を促す時に使用します。

Toggle Button

Toggle Buttonコンポーネントは、オンのときに押すとオフに、オフのときに押すとオンになるボタンやスイッチであることを伝えます。切り替えや絞り込みを促す時に使用します。

Input

Inputコンポーネントは、文字列・さまざまなコンテキストに適した数値・その他の値が入力できるアクションであることを伝えます。

Placeholder

Input

List

Listコンポーネントは、テキストなどの連続したグループを並べる場合に使用します。

TabBar

TabBarコンポーネントは、異なるタスクやカテゴリを切り替える場合に使用します。

無料の会員登録をすると、

お気に入りやフォローが出来ます

会員登録 ログイン
今すぐ無料ダウンロード無料会員登録

※webで投稿にいいね、保存するには会員登録が必要です

※webで商品を保存するには会員登録が必要です

※webでバリエーションを保存するには会員登録が必要です

※キャンペーンへの参加はアプリからのみとなっています