micomia株式会社の井上です。今回はMax Length Enforcementについて解説していきます。
初心者にもわかりやすく解説していくのでぜひご一読ください。
1. Max Length Enforcementとは
Max Length Enforcementは、文字数の上限を制限するための機能です。主にText Fieldで使用し、ユーザーネームや自己紹介、投稿の詳細文入力などで上限を制限することが多いです。
2. Max Length Enforcementの使い方
Max Lengthの設定はText Fieldのプロパティパネルの下部にあります。今回は最大200文字という制限にしてみます。
Max Lengthに値を入力することでText Fieldの下にカウンターが表示されるようになりますが、このままの状態だと「制限」はされていません。200文字以上は入力できないようにするには、Max Length Enforcementの設定でEnforcedにすることによって可能です。
これで200文字以上は入力できないようになりました。
3. さいごに
今回はMax Length Enforcementについて解説していきました。単に制限をかける目的でも使用できますが、UIの崩れをなくすためにも使える機能になっているのでぜひ本記事を参考にして実装してみてください。
本記事の内容を動画で観たい方は以下をご覧ください。
.jpg%3Falt%3Dmedia%26token%3Da3c76743-713e-48e5-945a-601a7438cb5c&w=3840&q=75)
.jpg%3Falt%3Dmedia%26token%3D910d6567-e2cd-4ea5-ad8a-07d925ce700b&w=3840&q=75)
.png%3Falt%3Dmedia%26token%3D856fae6b-5eed-41e0-993c-4a053186faf5&w=3840&q=75)
.png%3Falt%3Dmedia%26token%3Def6b9919-f6ea-4ed8-924b-90f297e0549b&w=3840&q=75)
.png%3Falt%3Dmedia%26token%3D8e864089-6895-4bb1-b90d-d607b8416753&w=3840&q=75)
