Portfolio (Clarest Health, Component Library)

Michael Gregoire

Component Library

The system ships an independent, consumable component library — adopted incrementally by the engineering team as screens were migrated from AngularJS to Vue. Two groups: core components for layout and display, form components for every input the platform uses.

Breadcrumbs

Screenshot of Promenade Breadcrumbs component

Button

Screenshot of a selection of Promenade Button component variants

Heading

Screenshot of a Promenade Heading component

Icons

Screenshot of a various icons used by the Promenade Icon component

Loader Bar

Screenshot of the Promenade Loader Bar component

Modal

Screenshot of the Promenade Modal component

Pill

Screenshot of Promenade Pill component variants

Read Only

Screenshot of Promenade Read Only component

Table

Screenshot of Promenade Table component

Status Panel

Screenshot of Promenade Status Panel component variants

Checkbox / Radio

Screenshot of Promenade Checkbox and Radio/Toggle Group components

File

Screenshot of Promenade File input component

Select

Screenshot of Promenade Select input component

Text

Screenshot of Promenade Text input component

Textarea

Screenshot of Promenade Textarea component