質問: ### 前提・実現したいこと HTMLの話になってしまうかもしれませんが、Ionicのドキュメントを読んでもよくわからないので、質問させていただきました こういった感じに表示させたいのですが、うまくいきません ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/592ca5a855eb34b367f6e5aef2b2bb16.png) Ionic4で、ion-cardの中にion-radioを置いて、そのチェックの選択範囲をcard全体にしたいです 上記のことを実現するためには、どういう風に書けばよろしいでしょうか? ### 発生している問題・エラーメッセージ ion-label要素内で表示させようとしている内容が表示されない ラジオボタンがあるであろう場所でクリックすることでしかチェックされない ### 試したこと ion-itemでくくってみたが、ion-labelが表示されないので、p要素やその他で表示させても縦に長い要素で変な感じで表示されてしまう ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/9a3c41dce8361f50ba04b996da7365bd.png) ``` 交通機関 レジャー施設 文化施設 以下略 ``` ### 補足情報(FW/ツールのバージョンなど) ionic 4.10.2
回答: いくつか作り方はありますが、私でしたらIonicでは `ion-card` だけを使って、他はHTML/CSSを書きます。以下みたいな感じでしょうか。 ``` ``` 選択についても、 `label` と `input[type=radio]` をつかって自分で実装した方が早いと思います。IonicのComponentsは見栄えの部分のサポートと割り切って、必要に応じて使っていくぐらいの割り切りでいいと思っておりますー!