UXHubの使い方

コンポーネントフォルダ

コンポーネントフォルダは子階層に複数のコンポーネントを持ち、配下にあるコンポーネントを一覧で表示したり、検索したりすることができます。新規作成①ページ作成親階層［…］または小階層［…］押下し、ドキュメントを追加する箇所を選択します。②コンポーネントフォルダを選択出現し

UIコンポーネントのページ構成

UIコンポーネントサイドメニューの「…」からコンポーネントの作成が可能です。 デザインシステムで使用可能な「UIコンポーネント」を作成できます。UIコンポーネントの構成コンポーネントはコンポーネントフォルダの子階層にのみ作成できます。UIコンポーネントは次の内容で構成されて

コンポーネント登録方法と利用例

HTML+JSHTMLコンポーネントのHTMLコードを登録します。JSコンポーネントのJavaScriptコードを登録します。すべてのコンポーネントで共通で呼び出すことができるグローバルなコードになります。Tips 重複コード 他のコンポーネントで同名の関

コンポーネントのCSS登録方法（セレクタとプロパティー）

セレクタとプロパティの追加、削除①セレクタ追加（一番下に追加）セレクタを一番下に追加します。②セレクタ追加と削除「＋」ボタンで、押下したボタンのすぐ下に新しいセレクタを挿入して追加します。 「ー」ボタンで、押下したボタンの行のセレクタを削除します。③プロパティの追

コンポーネント　ドキュメントの作成

ドキュメントこのコンポーネントの使い方やガイドラインを記述します。①テキストブロックタイトルドキュメントのテキストブロックのタイトル（見出し）を記載します。 タイトルは省略可能です。②テキストブロック本文ドキュメントのテキストブロックの本文を記載します。③

レイアウトフォルダ

レイアウトフォルダは子階層に複数のレイアウトを持ち、配下にあるコンポーネントを一覧で表示したり、検索したりすることができます。新規作成①ページ作成親階層［…］または小階層［…］押下し、レイアウトフォルダを追加する箇所を選択します。②レイアウトフォルダを選択出現

コンポーネント　画面サイズ設定

画面サイズ設定画面サイズのプルダウンを選択すると、指定した画面サイズ以下に適用するCSSのスタイルを登録できます。 画面サイズに応じたスタイルを設定することでレスポンシブ対応を行うことが可能です。 この設定はメディアクエリとして動作し、@media screen and (max-wi

マテリアルアイコンの利用方法

アイコン作成などにマテリアルアイコンを利用するためのHTMLタグとCSSクラスがそのまま使えます。なお、Material SymbolsとMaterial Iconの両方とも対応しています。