[カラー]ブロック
[カラー]は、カラーコードを取得するブロックです。
ブロックの説明
このブロックは、カラーコードを取得します。
![[カラー]ブロック](https://storage.googleapis.com/studio-design-asset-files/projects/4Ra486pzaD/s-176x92_webp_4425621d-c84c-4f6c-ac78-3ade248e1a40.png)
入力
項目名 | 入力方法 | 入力の型 | 説明 |
|---|---|---|---|
色 | カラーピッカー | - | 任意のカラーを選択します。 |
出力
出力の型 | 説明 |
|---|---|
テキスト | 選択したカラーのカラーコードをテキストで出力します。 |
使用例
例:詳細画面を表示したときに、[文字列1行]フィールドの背景色を変更する
![詳細画面を表示した後に、[文字列1行]フィールドの背景色を変更する例](https://storage.googleapis.com/studio-design-asset-files/projects/4Ra486pzaD/s-799x229_v-fs_webp_d936d9cd-00b4-438e-95ca-2a39d25168cf.png)
このカテゴリの記事
[カラー]は、カラーコードを取得するブロックです。
このブロックは、カラーコードを取得します。
![[カラー]ブロック](https://storage.googleapis.com/studio-design-asset-files/projects/4Ra486pzaD/s-176x92_webp_4425621d-c84c-4f6c-ac78-3ade248e1a40.png)
項目名 | 入力方法 | 入力の型 | 説明 |
|---|---|---|---|
色 | カラーピッカー | - | 任意のカラーを選択します。 |
出力の型 | 説明 |
|---|---|
テキスト | 選択したカラーのカラーコードをテキストで出力します。 |
![詳細画面を表示した後に、[文字列1行]フィールドの背景色を変更する例](https://storage.googleapis.com/studio-design-asset-files/projects/4Ra486pzaD/s-799x229_v-fs_webp_d936d9cd-00b4-438e-95ca-2a39d25168cf.png)
ブロック
の記事一覧へ