コンポーネントに関する記事一覧

コンポーネントフォルダ

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

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

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

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

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

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

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

様々なコンポーネントをプレビューとコードのセットで作成、管理できます。コードはHTML+JS、Pug、React、Vue2、Vue3、Angularの6つのフレームワークの実装を登録できます。HTML、CSS、Javascript、Pug、React、Vue2、Vue3、Angular のコードを