Feature request: would love to have different sized switches.

[faoiseamh]

These switches are great, but they'd be even better with a small version to fit into smaller UI areas. I will build this if I have some more time down the road, but logging for now in case anyone else wants to sooner.

[tkh44]

You can do something like this in your css:

.small + .switchery {
   height: 15px;
   width: 25px;
}

.small + .switchery > small {
   height: 15px;
   width: 15px;
}

Then just add the class "small" to your input like this:

You could of course change the class name to whatever you want and the sizes as well. I just did half the size in this example.

[abpetkov]

@faoiseamh, as @tkh44 noted, sizes are manageable by CSS only. I intentionally didn't include any size manipulations of the switch element by JavaScript, so that it could be easier for people that use it, to change it's size and overall look. The main CSS file 'switchery.css` is only default style, you are free to play around with it and do whatever you like with your switches, including making them smaller, as you want in your case.

[faoiseamh]

Great, thanks guys. I didn't look into doing at the time, but I totally agree with keeping styling in CSS.

[gsans]

Why not include different predefined sizes then like bootstrap?

[alimovz]

.small + .switchery {
height: 15px;
width: 25px;
}

.small + .switchery > small {
height: 15px;
width: 15px;
}

That's pretty slick. Thanks tkh44.

[abpetkov]

@gsans @alimovz Predefined sizes are released since 0.7.0.