Radio with Image
    • PDF

    Radio with Image

    • PDF

    Article summary

    Article Overview

    The following article details the design capabilities of the Radio with Image component. 

    Design Guidelines

    Figure 1 and Table 1 describe the design capabilities of the Radio with Image component:

    Figure 1: Design Capabilities

    Table 1: Design Capabilities 

    Element 

    Design attribute
    Change on hover?  Change on disable?  Change on focus? Notes
    BackgroundcolorYesYesYes
    ErrorcolorNoNoNo
    font
    NoNoNo
    • Type
    • Weight
    alignNoNoNo

    BordercolorYesYesNo
    radiusNoNoNo
    typeNoNoNo
    sizeNoNoNo
    styleNoNoNoFor example:
    • dashed
    • solid
    Titlecolor

    NoNoNo
    fontNoNoNo
    • Type
    • size
    • Weight
    paddingNoNoNo
    • Horizontal
    • Bottom
    alignNoNoNo
    Checkmark
    color
    No
    NoNo
    Outerbox
    color
    No
    No
    No

    padding
    No
    No
    No

    box
    height, width
    No
    No
    No

    Layout
    style
    No
    No
    No
    • Picture
    • Picture with text
    Images
    size
    No
    No
    No

    OptionscolorYesYesNo
    background color
    Yes
    NoNo
    font
    NoNoNo
    • Type
    • size
    • Weight
    Selectedbackground color
    YesNo
    No

    Color
    Yes
    No
    No

    borderNoNoNo
    • Color
    • Width

    Was this article helpful?

    What's Next