---
title: Overview
position: 1
seo_title: Overview of the CheckboxGroup Component
seo_description: Learn about the basic features of the Telerik and Kendo UI
  CheckboxGroup component and its types, check out the extensive set of
  available options in its live demo, and master its appearance by setting the
  layout as you wish on the fly.
---
## CheckboxGroup Overview

The CheckboxGroup component is used to present a set of options where users can make not only one, but multiple selections. CheckboxGroup is suitable for scenarios where you want to allow users to select multiple items, such as multiple interests, multiple tags, or multiple preferences. It provides a convenient way for users to make a non-exclusive selection from a list of options.

### Live Demo

<LiveDemo data='{"links":[{"text":"jQuery","url":"https://demos.telerik.com/kendo-ui/checkboxgroup/index"},{"text":"ASP.NET Core","url":"https://demos.telerik.com/aspnet-core/checkboxgroup"},{"text":"ASP.NET MVC","url":"https://demos.telerik.com/aspnet-mvc/checkboxgroup"}],"demo":"components/checkbox-group/overview"}'></LiveDemo>

### Appearance

CheckboxGroups provide built-in styling options that grant visually appealing and flexible rendering experience. 

Apart from the default vision of the Telerik and Kendo UI CheckboxGroup, the component supports alternative styling options which enable you to configure the individual aspects of its appearance.

#### Anatomy

The next image shows the anatomy of a CheckboxGroup and summarizes the elements of the component:

<BlueprintImage data='{"description":"","labels":[{"text":"Checkbox"},{"text":"CheckboxGroup"}]}'>![A Telerik and Kendo UI CheckboxGroup component with three checkboxes](images/components-checkboxgroup-overview-anatomy.png "Anatomy and elements of a Telerik and Kendo UI CheckboxGroup including three checkboxes")</BlueprintImage>

#### Layout

The `layout` property of the CheckboxGroup component allows you to choose between a horizontal and vertical layout, depending on the specific design requirements and available space. The horizontal layout is ideal when the space is limited or when a side-by-side comparison of options is desired, while the vertical layout is well-suited for scenarios where there is ample vertical space and a clear, top-to-bottom presentation of options is preferred. With the ability to customize the layout, the CheckboxGroup provides a versatile solution for organizing and selecting from a set of non-mutually exclusive options.

`layout`  provides the following available options:

* `horizontal`&mdash;Renders checkboxes in a horizontal layout.
* `vertical`&mdash;Renders checkboxes in a vertical layout.

<BlueprintImage data='{"description":"","labels":[{"text":"Vertical"},{"text":"Horizontal"}]}'>![Two Telerik and Kendo UI CheckboxGroup components demonstrating the horizontal and the vertical layout](images/components-checkboxgroup-overview-layout.png "The available layout options of the Telerik and Kendo UI CheckboxGroup including horizontal and the vertical")</BlueprintImage>

### Framework-Specific Documentation

For specific information about the component, refer to its official product documentation:

<Wrap>
<ExternalResource data='{"title":"Kendo UI for jQuery CheckboxGroup","description":"Find more information about the Kendo UI for jQuery CheckboxGroup in the official product documentation of the component.","url":"https://docs.telerik.com/kendo-ui/controls/checkboxgroup/overview"}'>![Kendo UI for jQuery logo.](/images/jquery-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET Core CheckboxGroup","description":"Find more information about the Telerik UI for ASP.NET Core CheckboxGroup component.","url":"https://docs.telerik.com/aspnet-core/html-helpers/editors/checkboxgroup/overview"}'>![Telerik UI for ASP.NET Core logo.](/images/core-logo.svg)</ExternalResource>

<ExternalResource data='{"title":"Telerik UI for ASP.NET MVC CheckboxGroup","description":"Find more information about the Telerik UI for ASP.NET MVC CheckboxGroup component.","url":"https://docs.telerik.com/aspnet-mvc/html-helpers/editors/checkboxgroup/overview"}'>![Telerik UI for ASP.NET MVC logo.](/images/mvc-logo.svg)</ExternalResource>

</Wrap>