Back

Presets guides

Radio button

Radio button or option button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.

Ready-made presets

You can see an example of a radio button in ready-made templates, for this go to the presets section in the left side menu. You can use this ready made design in your project.

Custom presets

In order to create your own radio button design, you must take into account some design standards, read more here →

In the Figma import function, you can import an element from Figma into Sizze.

After you have prepared the design, you can set the logic for this static element. Select the element - click on create preset - select radio button from the list.

Preset settings

After this step, select an item on the artboard, you will see the preset settings in the right god menu, where you can customize certain settings.

Active border color - border color when button is clicked

Inactive is the color of the frame in the default state of the button