Atlaskit Packages

Some helpers for Typescript typing of Atlaskit

A toggle is used to view or switch between enabled or disabled states.

An avatar group displays a number of avatars grouped together in a stack or grid.

A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.

Wrapper for components that need to respond to width changes

A popup displays brief content in an overlay.

A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.

A file type icon is used to represent specific types of content used across Atlassian products.

A base stylesheet for the Atlassian Design System.

A list of options to help users navigate, or perform actions.

An object icon is used to represent an Atlassian-specific content type.

Field Text Component

Code highlights short strings of code snippets inline with body text.

A React Component for displaying expandable and sortable tree hierarchies

An inline message lets users know when important information is available or when an action is required.

A page header defines the top of a page. It contains a title and can be optionally combined with breadcrumbs buttons, search, and filters.

Component which renders a slider and is a substitute of the native input[range] element

An inline edit displays a custom input component that switches between reading and editing on the same page.

Shared styles for Atlaskit components

A progress bar communicates the status of a system process.