Atlas is a work in progress.
Components

ExpandablePanel

Collapsible content region that can be toggled open or closed to save screen space.

Import

import { ExpandablePanel } from '@pros/atlas';

Usage

When To Use

  • Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
  • Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.

Anatomy

  • Label: Lorem ipsum dolor sit amet.
  • Icon (Optional): Consectetur adipiscing elit.

Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Guidelines

Do's

  • Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
  • Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.

Don'ts

  • Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
  • Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.

Accessibility

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

API Reference

The ExpandablePanel component accepts the following props.

Prop

Type


On this page