フロントエンドでよくある UI コンポーネントについて、実装サンプルを公開します。

基本的な UI コンポーネントは、エンジニアのみならず、プロデューサー、ディレクター、デザイナーなど Web 開発・制作に関わる人たちにとっての共通言語である。

◆UIコンポーネント実装例

UIコンポーネント実装例

カルーセル
コンテンツが横にスクロールする UI です。
タブ切替え
表示をタブで切り替える UI です。
スライダー
横からスライドする UI です。
アコーディオン
複数の開閉コンテンツの集合をアコーディオンと呼びます。
モーダル
画面に覆いかぶさる形で表示されるサブウィンドウをモーダルと呼びます。

UI:User Interface