Components
XRangeChart
Horizontal range chart that displays time spans or intervals as colored bars along a timeline.
Import
import { XRangeChart } 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 XRangeChart component accepts the following props.
Prop
Type