---
title: Overview
position: 1
seo_title: Overview of the TaskBoard Component
seo_description: Learn about the basic features of the Telerik and Kendo UI
  TaskBoard component, discover its visual and functional elements, and check
  out the extensive set of available options in its live demo.
---

## TaskBoard Overview

The TaskBoard component is an excellent solution for organizing various types of tasks, notes, projects, and people. It presents a clear and user-friendly interface that allows users to prioritize and organize tasks visually, in an agile style. This makes it easy to manage multiple tasks and stay on top of priorities efficiently.

### Live Demo

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

### Anatomy

The anatomy of the TaskBoard summarizes the visual and functional elements of the component. The main elements include a toolbar and a TaskBoard container, where columns and cards are displayed. Each column and card provides a header section with title text and action buttons for editing.

The next image shows the anatomy of a TaskBoard and includes the following elements:

<BlueprintImage data='{"description":"","labels":[{"text":"Toolbar"},{"text":"TaskBoard container"},{"text":"TaskBoard column"},{"text":"Column header"},{"text":"Column cards container"},{"text":"Badge"},{"text":"Column title"},{"text":"Content actions buttons"},{"text":"Card"}]}'>![A Telerik and Kendo UI TaskBoard component](images/components-taskboard-overview-anatomy.png 'Anatomy and elements of a Telerik and Kendo UI TaskBoard component')</BlueprintImage>

### Framework-Specific Documentation

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

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

<ExternalResource data='{"title":"KendoReact TaskBoard","description":"Find more information about the KendoReact TaskBoard in the official product documentation of the component.","url":"http://www.telerik.com/kendo-react-ui/components/taskboard/"}'>![Kendo UI for React logo.](/images/react-logo.svg)</ExternalResource>

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

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

</Wrap>