Skip to main content

Checkbox

Checkbox allows selection of items from a list of options. In addition to collecting information, it allows you to select various items for editing or deleting.

Label​

By default, every Checkbox needs a text to contextualize what it represents, but there are cases where this context is applied in another container. In these cases, it is possible to use the checkbox without the label.

Good habits​

Text​

  • Use clear and short sentences to make it easier for the reader to understand. The more accurate the description, the easier it is to make a decision.
  • Construct the sentences affirmatively, so that the box when clicked means ”yes” and the unclicked box means ”no”
  • If possible, group all checkboxes in the interface. This way we facilitate the understanding of each item and the group as a whole
  • Start every checkbox label with a capital letter and end with a full stop

Feedback​

To report a problem, request new icons, request new component use cases, ask questions, share suggestions, or report bugs, get in touch through our Slack channel #tangram-design-system.