materializeのchipが複数選択できない
Q&A
解決したいこと
googleのmaterializeのchip(タグ)機能が一つのタグしか選択できなくて困っています。
index.html.erb
<div class="motto">
<div class="searchBox_m">知りたいこと</div>
<div class="inner flex tagbox multiple">
<a href="#" class="chip">生まれてきた意味(使命)</a>
<a href="#" class="chip">過去</a>
<a href="#" class="chip">現在</a>
<a href="#" class="chip">未来</a>
<a href="#" class="chip">恋愛</a>
<a href="#" class="chip">夫婦関係</a>
</div>
<div class="searchBox_m">コンサルタイプ</div>
<div class="inner flex tagbox">
<a href="#" class="chip">カップルコンサル</a>
</div>
<div class="searchBox_m">相談方式</div>
<div class="inner flex tagbox">
<a href="#" class="chip">チャット</a>
<a href="#" class="chip">ビデオ通話</a>
</div>
自分で試したこと
selectボックスの複数選択はmultipleを追加すればいいと多くの記事を見つけたのですが、タグの複数選択はどうすればいいのか記事が見当たりませんでした。
https://materializecss.com/chips.html
公式ドキュメントにあるだけで私の理解が足りないのかもしれません。
よろしくお願いいたします。
0