The mat-list
control is featured here:
https://material.angular.io/components/list/overview
Is it possible to start the list items with the checkbox in front of them ( rather than postfixing them at the end due to defaults )?
I tried this but no luck!
/* mat-list: atempt to move the checkboxes to the far left */
.mat-pseudo-checkbox {
left: 0 !important;
}
You can't disable it because a mat-list-item isn't clickable by default. What you could do is to use *ngIf to show a mat-list-item with a routerlink and a mat-list-item without a routerlink.
The mat-checkbox is the selector of MatCheckbox directive which is used to create Material design checkbox. The MatCheckbox supports all the functionality of HTML 5 checkbox. A MatCheckbox can be checked, unchecked, indeterminate, or disabled.
Each component has an API section which gives you additional features:
https://material.angular.io/components/list/api#MatListOption
<mat-list-option checkboxPosition="before"></mat-list-option>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With