Atlaskit Packages

Theme contains solutions for global theming, colors, and other useful mixins.

An icon is a symbol representing a command, device, directory, or common action.

A tooltip is a floating, non-actionable label used to explain a user interface element or feature.

A wrapper for rendering components in React portals.

A wrapper for React Popper for situations which require a bespoke popup where other ADS components are deemed unsuitable

A modal dialog displays content that requires user interaction, in a layer above the page.

An avatar is a visual representation of a user or entity.

An inline dialog is a pop-up container for small amounts of information. It can also contain controls.

Droplist component

A React layer component responsible for the position of an element on a page

A set of utilities to apply motion in your application.

A text field is an input that allows a user to write or edit text.

Wraps fields and provides styles for focus/hover states

A blanket covers the underlying UI for a layered component, such as a modal dialog or a tooltip.

A generic item component to be used within other components

A form allows users to input information.

A dropdown menu displays a list of actions or options to a user.

A text area lets users enter long form text which spans over multiple lines.

A page layout organizes sections on a page using a grid and grid columns.

A checkbox is an input control that allows a user to select one or more options from a number of choices.