Main Navigation Setup Components Guides Tools

Appearance

Sidebar Navigation

Base Components

Chip

API Reference

Code

Demo

Overview

PopOver

API Reference

Code

Demo

Overview

ScrollObserver

API Reference

Code

Overview

Table

API Reference

Code

Demo

Overview

Toast

API Reference

Code

Demo

Overview

Tooltip

API Reference

Code

Demo

Overview

VirtualTree

API Reference

Code

Demo

Overview

Cropper

API Reference

Code

Demo

Overview

Draggable

API Reference

Code

Demo

Overview

Form Components

Autocomplete

API Reference

Code

Demo

Overview

Checkbox

API Reference

Code

Demo

Overview

ComboBox

API Reference

Code

Demo

Overview

ColorPicker

API Reference

Code

Demo

Overview

DatePicker

API Reference

Code

Demo

Overview

Dropdown

API Reference

Code

Demo

Overview

FileInput

API Reference

Code

Demo

Overview

Input

API Reference

Code

Demo

Overview

Range

API Reference

Code

Demo

Overview

Radio

API Reference

Code

Demo

Overview

Slider

API Reference

Code

Demo

Overview

Switch

API Reference

Code

Demo

Overview

TextArea

API Reference

Code

Demo

Overview

TimePicker

API Reference

Code

Demo

Overview

UI Components

Accordion

API Reference

Code

Demo

Overview

BreadCrumb

API Reference

Code

Demo

Overview

Pagination

API Reference

Code

Demo

Overview

SliderGroup

API Reference

Code

Demo

Overview

Snackbar

API Reference

Code

Demo

Overview

Tabs

API Reference

Code

Demo

Overview

Progress Components

CircularProgress

API Reference

Code

Demo

Overview

LinearProgress

API Reference

Code

Demo

Overview

Loader

API Reference

Code

Demo

Overview

Navigation Components

HorizontalAppBar

API Reference

Code

Demo

Overview

VerticalAppBar

API Reference

Code

Demo

Overview

Onboarding/Tour Components

Spotlight Overlay

API Reference

Code

Demo

Overview

Chat Agent Components

Chat Shell

Overview

API Reference

Code

Demo

Data Visualization Components

GanttChart

Overview

API Reference

Code

Demo

Composables

Common Utilities

Popup Composable

Rem To Pixel

Snackbar Composable

Spotlight Overlay Composable

Toast Composable

On this page

Interactive Demo

Try dragging the card below to see the component in action:

Basic Draggable Component Demo

Customize Component

Position X (px)1018px

Position Y (px)423px

Placement

Drag Along With Cursor

⋮⋮

Draggable Card

This is a draggable component demo.

Drag me around by clicking and holding on the card!

Position X: 1018px

Position Y: 423px

Placement: bottom

Pager

Previous pageCode

Next pageOverview

Interactive Demo ​

Basic Draggable Component Demo

Customize Component

Draggable Card

Interactive Demo