Сделайте многострочную галочку в Материал (angular)

Question

У меня есть флажок, я хочу иметь метку с многострочным. Как вы можете сломать ярлык этого?

 <mat-checkbox>a somewhat longer label!</mat-checkbox>

Я пробовал с css

mat-checkbox span { white-space: pre-wrap; }

, но это выглядит странно

Answer 1

Следуйте примеру, bootstrap используется класс переноса текста

<mat-checkbox>
   <div class="text-wrap">
    a somewhat longer label!
   </div>
 </mat-checkbox>