# Components

- [Calendar](/dynamic-components/tutorials/components/calendar.md)
- [How to Create Events Quickly by Dragging](/dynamic-components/tutorials/components/calendar/how-to-create-events-quickly-by-dragging.md)
- [How to Add an Edit Action to Calendar Events](/dynamic-components/tutorials/components/calendar/how-to-add-an-edit-action-to-calendar-events.md)
- [How to Add a New Event Button to the Calendar Header](/dynamic-components/tutorials/components/calendar/how-to-add-a-new-event-button-to-the-calendar-header.md)
- [How to Customize the Right-Click Menu](/dynamic-components/tutorials/components/calendar/how-to-customize-the-right-click-menu.md)
- [How to Reschedule Events with Drag and Drop](/dynamic-components/tutorials/components/calendar/how-to-reschedule-events-with-drag-and-drop.md)
- [Columns](/dynamic-components/tutorials/components/columns.md)
- [Creating a Responsive 3-Column Layout](/dynamic-components/tutorials/components/columns/creating-a-responsive-3-column-layout.md)
- [Data Table](/dynamic-components/tutorials/components/data-table.md)
- [Add Custom Buttons](/dynamic-components/tutorials/components/data-table/add-custom-buttons.md)
- [Enable Bulk Editing](/dynamic-components/tutorials/components/data-table/enable-bulk-editing.md)
- [Apply Badge Color-Coding](/dynamic-components/tutorials/components/data-table/apply-badge-color-coding.md)
- [Configure Header Actions](/dynamic-components/tutorials/components/data-table/configure-header-actions.md)
- [Configuring Data Grouping](/dynamic-components/tutorials/components/data-table/configuring-data-grouping.md)
- [Enable Inline Editing](/dynamic-components/tutorials/components/data-table/enable-inline-editing.md)
- [Enable Data Export](/dynamic-components/tutorials/components/data-table/enable-data-export.md)
- [Set Up Search](/dynamic-components/tutorials/components/data-table/set-up-search.md)
- [Apply Conditional Cell Styling](/dynamic-components/tutorials/components/data-table/apply-conditional-cell-styling.md)
- [Add Status Indicators](/dynamic-components/tutorials/components/data-table/add-status-indicators.md)
- [Header](/dynamic-components/tutorials/components/header.md)
- [Static Header](/dynamic-components/tutorials/components/header/static-header.md)
- [Dynamic Header](/dynamic-components/tutorials/components/header/dynamic-header.md)
- [Kanban](/dynamic-components/tutorials/components/kanban.md)
- [Saving Changes on Drag-and-Drop](/dynamic-components/tutorials/components/kanban/saving-changes-on-drag-and-drop.md)
- [List](/dynamic-components/tutorials/components/list.md)
- [Metric](/dynamic-components/tutorials/components/metric.md)
- [Record Detail](/dynamic-components/tutorials/components/record-detail.md)
- [Saving Changes](/dynamic-components/tutorials/components/record-detail/saving-changes.md)
- [Slider](/dynamic-components/tutorials/components/slider.md)
- [Single Value Slider: Selecting a Discount Percentage](/dynamic-components/tutorials/components/slider/single-value-slider-selecting-a-discount-percentage.md)
- [Range Slider: Setting a Price Filter](/dynamic-components/tutorials/components/slider/range-slider-setting-a-price-filter.md)