Radio

Radio buttons are used when you have a list of 2 or few options, and you want the user to select exactly one of them

🎨 Styles

• Appearance

  • Background color: select the background color using the color picker.

  • Text color: select text color in the radio element using the color picker.

• Dimensions

  • Width: set how wide the radio element is using.

  • Height: set how tall the radio element is using.

• Typography

  • Font size: size of the text that appears on the radio element.

  • Style

    • Normal: default text display.

    • Italic: display the text in italics.

    • Underlined: display the text underlined.

⚙ Properties

• Generic properties

  • Control name: you can add a name to the radio element this could be the way to identify this element about another elements.

  • Enable skeleton loaders: this tool provides an indication to the user that something is coming but not yet available on the radio element.

  • Control is hidden: hide the radio element from the screen.

The skeleton loader component provides a user with a visual indicator that content is coming/loading. This is better received than traditional full-screen loaders.

• Specific Properties

  • Option value: add the options to choice in a list.

👆 Events

• On charge: the on charge ****event detects when the value of a radio element changes.

📝 Writable Properties

• Items