salesforce - LWC ラジオ リストのスタイルを設定しますか?

Question

そのため、現在、LWC で地域のラジオ リストを作成しようとしています。地域をクリックすると、その地域の下にあるすべての州が選択されるという点で、機能は正常に動作します。

https://i.stack.imgur.com/y2MM8.png

ただし、より適切に見えるようにスタイルを設定したいと考えています。LWC が提供するこれらのコンポーネントを使用してこれを行う方法について少し混乱しています。これは、リージョンがどのように見えるべきかのモックアップです。

https://i.stack.imgur.com/A26PH.png

その HTML は次のようになります。

https://i.stack.imgur.com/1vWcy.png

Answer 1

いくつかの手順に従うことで、同じスタイルを実現できます。

1. クラスを各雷入力に渡して、スタイリングのスコープを設定します。

2. 渡されたクラス名を持つスタイル ラジオ コントロール。

3. ファイルを .css として保存し、静的リソースに保存します。

4. platformResourceLoader モジュールの loadStyle メソッドを利用して、コンポーネントにスタイル シートを読み込みます。