Material-ui: How to control size of Checkbox using fontSize

Created on 4 Apr 2018  路  2Comments  路  Source: mui-org/material-ui

  • [x] I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

Current Behavior

Steps to Reproduce (for bugs)

1.
2.
3.
4.

Context

Before beta.36 it was easy to change checkbox size. After beta.36 I don't know how to change the size of the embedded SVG Icon and there doesn't seem to be any information in the documentation.

Your Environment

| Tech | Version |
|--------------|---------|
| Material-UI |beta.40 |
| React | 16.3 |
| browser | chrome 65 |
| etc | |

It is not clear from the documentation which style needs to be overwritten to control the size of a checkbox using the classes property of the checkbox component.

Checkbox question

Most helpful comment

Might be late to the party, needing to change the checkbox size as well, searching around this css worked...

.myCheckBox {
transform : scale(2);
}

Anyone else who might needed this, try it out:)

All 2 comments

Might be late to the party, needing to change the checkbox size as well, searching around this css worked...

.myCheckBox {
transform : scale(2);
}

Anyone else who might needed this, try it out:)

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ghost picture ghost  路  3Comments

mattmiddlesworth picture mattmiddlesworth  路  3Comments

ryanflorence picture ryanflorence  路  3Comments

FranBran picture FranBran  路  3Comments

activatedgeek picture activatedgeek  路  3Comments