Использование Rebass / Forms в реакции, и я не могу правильно изменить размер компонента Switch, используя стили должным образом. (Я также использую @emotion/styled)
Я пытался использовать атрибут size, но это не дает желаемого эффекта простого изменения масштаба переключателя.
У меня есть попытался использовать свойство sx и присвоить ему width и height, но это только изменяет размер элемента кнопки, а не внутреннего элемента div, который является "скользящей точкой"
Я знаю, что мог бы напишите какой-нибудь стиль, предназначенный для самого внутреннего div, но я хотел бы найти способ придать ему высоту и ширину один раз, и он будет применяться как к кнопке, так и к внутреннему div.
<Switch
sx={{ width: "30px", height: "15px" }}
/>
https://codesandbox.io/s/styling-rebass-switch-uu7wg