Radio Switch
Custom radio toggle.
Custom radio toggle.
All components are based on CodyFrame.
This component includes variations. Variations share the same SCSS/JS code but differ in their HTML.
The Radio Switch component is a control used to switch between 2 different options.
To create the custom radio elements in CSS, we hide the native input and stylize their <label>
.
The component includes the following CSS custom properties:
:root {
// style
--radio-switch-width: 186px;
--radio-switch-height: 46px;
--radio-switch-padding: 3px;
--radio-switch-radius: 50em;
// animation
--radio-switch-animation-duration: 0.3s;
}
📢 We use cookies to give you the best possible website experience. By using CodyHouse, you agree to our Privacy Policy.