Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Customizable Checkbox icon size

See original GitHub issue

Is your feature request related to a problem? Please describe. It is semi-frustrating to not be able to change the checkbox (icon) size.

Describe the solution you’d like It would be nice to be able to change the checkbox MaterialIcon size via a new prop (likely size), although it may be necessary to also update the styles (or pass them as another prop iconStyle through to the checkbox).

Describe alternatives you’ve considered I have not been able to implement this at all currently.

An additional alternative would be allowing user to specify custom icons for the checkbox states (if they would animate).

Additional context N/A

react-native: 0.62.3
react-native-paper: 4.1.0
react-native-vector-icons: 6.6.0

Issue Analytics

State:
Created 3 years ago
Reactions:1
Comments:9

Top GitHub Comments

2reactions

arafathmisreecommented, Aug 18, 2021

Hi, I cannot address to resize as well why you guys built an element library without being able to resize.

2reactions

tnewmanheggiecommented, Dec 23, 2020

Hi, I’d like to see this implemented as well.

Top Results From Across the Web

How to Set the Checkbox Size with HTML and CSS - W3docs

You can set the checkbox size by using the CSS width and height properties. Use the height property to set the height of...

Can I change the checkbox size using CSS? - Stack Overflow

width and size work in IE6+, but not with Firefox, where the checkbox stays 16x16 even if I set a smaller size. html...

How to set checkbox size in HTML/CSS? - GeeksforGeeks

Method 1: The checkbox size can be set by using height and width property. The height property sets the height of checkbox and...

How To Create a Custom Checkbox - W3Schools

Learn how to create custom checkboxes and radio buttons with CSS. ... font-size: 22px; ... When the checkbox is checked, add a blue...

Pure CSS Custom Checkbox Style | Modern CSS Solutions

Also like with radio buttons, the checkbox doesn't scale along with the font-size . Our solution will accomplish the following goals: scale with ......