Close menu
Search the Atlassian Design System
Search the Atlassian Design System
Theme
Home
What's new
Get started
Foundations
Components
Forms and input
Button
Calendar
Checkbox
Comment
Date time picker
Dropdown menu
Focus ring
Caution
Form
Radio
Range
Select
Text area
Text field
Toggle
Images and icons
Avatar
Avatar group
Icon
Icon object
Image
Beta
Logo
Layout and structure
Layout grid
Deprecated
Page
Caution
Page header
Page layout
Caution
Loading
Progress bar
Skeleton
Early Access
Spinner
Messaging
Banner
Flag
Inline message
Modal dialog
Spotlight
Early Access
Onboarding (spotlight)
Caution
Section message
Navigation
Atlassian navigation
Caution
Breadcrumbs
Link
Menu
Navigation system
Beta
Pagination
Side navigation
Caution
Tabs
Overlays and layering
Blanket
Drawer
Caution
Inline dialog
Caution
Popup
Tooltip
Primitives
Overview
Box
Inline
Stack
Flex
Beta
Grid
Beta
Bleed
XCSS
Caution
Responsive
Text
MetricText
Pressable
Anchor
Focusable
Status indicators
Badge
Empty state
Lozenge
Progress indicator
Progress tracker
Tag
Tag group
Text and data display
Code
Dynamic table
Heading
Inline edit
Table
Caution
Table tree
Visually hidden
Libraries
CSS
Beta
CSS reset
Design tokens
Motion
Popper
Portal
Pragmatic drag and drop
Examples
Tutorial
Core package
Optional packages
Flourish
React accessibility
Hitbox
React drop indicator
Auto scroll
Live region
React beautiful dnd migration
React beautiful dnd autoscroll
Unit testing
Web platform design constraints
Design guidelines
Accessibility guidelines
Tooling
App provider
Beta
ESLint plugin
Storybook addon
Stylelint plugin
UI Styling Standard
Tools
Release phases
Contact us
Design at Atlassian
Auto scroll
An optional package that enables automatic scrolling during a drag operation
Was this page helpful?
Yes
No
We use this feedback to improve our documentation.
Back to top