Checkbox
    • PDF

    Checkbox

    • PDF

    Article summary

    Article Overview

    The following article details the design capabilities of the Checkbox component. 

    Design Guidelines

    Figure 1 and Table 1 describe the design capabilities of the Checkbox component:

    Figure 1: Design Capabilities

    Table 1: Design Capabilities 

    Element 

    Design attribute
    Change on hover?  Change on disable?  Change on focus? Notes

    Font

    familyNoNoNo

    colorYesNoNo
    sizeNoNoNo
    LabelcolorNoYesNo


    padding topNoNoNo
    BackgroundcolorYesYesNo
    BordercolorYesYesYes
    widthNoNoNo
    radiusNoNoNo
    typeNoYesNo
    sizeNoNoYes
    ErrorcolorNoNoNo
    font sizeNoNoNo
    CheckmarkcolorNoNoNo
    positionNoNoNo
    Marginstop, bottom, left, right

    NoNoNo
    Checkbackground colorNoNoNo
    borderNoNoNo
    • Color
    • Width
    • Height

    Was this article helpful?

    What's Next