Persona Bar Style Guide
- Evoq Color Palette
- Large Buttons
- Small Buttons
- Label
- Tool Tips
- Large Single-Line Text Field
- Small Single-Line Text Field
- Multi-Line Text Field
- Large Dropdown
- Small Dropdown
- Searchable Pill Field
- On / Off Switch
- Radio Button
- Check Box
- Primary Tabs - Workspace Tray
- Secondary Tabs - Workspace Tray
- Control Bar - Workspace Tray
- Date Picker
- Date and Time Picker
- Date Range Picker
- Page Selector
- Image Upload Field
- Notification Iconography
- Minimum Width Notification
- Maximum Width Notification
- Maximum Height Notification
- Button Notification
- Loader Bar
- Back-to Link
- Breadcrumb Navigation
![Persona Bar Style Guide - Evoq Color Palette](../common/img/gra-pbarstyles-01-evoq-color-palette.png)
![Persona Bar Style Guide - Large Buttons](../common/img/gra-pbarstyles-04-large-buttons.png)
![Persona Bar Style Guide - Small Buttons](../common/img/gra-pbarstyles-05-small-buttons.png)
![Persona Bar Style Guide - Label](../common/img/gra-pbarstyles-20-label.png)
![Persona Bar Style Guide - Tool Tips](../common/img/gra-pbarstyles-16-tool-tips.png)
![Persona Bar Style Guide - Large Single-Line Text Field](../common/img/gra-pbarstyles-06-large-single-line-text-field.png)
![Persona Bar Style Guide - Small Single-Line Text Field](../common/img/gra-pbarstyles-07-small-single-line-text-field.png)
![Persona Bar Style Guide - Multi-Line Text Field](../common/img/gra-pbarstyles-08-multi-line-text-field.png)
![Persona Bar Style Guide - Large Dropdown](../common/img/gra-pbarstyles-09-large-dropdown.png)
![Persona Bar Style Guide - Small Dropdown](../common/img/gra-pbarstyles-10-small-dropdown.png)
![Persona Bar Style Guide - Searchable Pill Field](../common/img/gra-pbarstyles-22-searchable-pill-field.png)
![Persona Bar Style Guide - On / Off Switch](../common/img/gra-pbarstyles-11-on-off-switch.png)
![Persona Bar Style Guide - Radio Button](../common/img/gra-pbarstyles-12-radio-button.png)
![Persona Bar Style Guide - Check Box](../common/img/gra-pbarstyles-24-check-box.png)
![Persona Bar Style Guide - Primary Tabs - Workspace Tray](../common/img/gra-pbarstyles-13-primary-tabs-workspace-tray.png)
![Persona Bar Style Guide - Secondary Tabs - Workspace Tray](../common/img/gra-pbarstyles-14-secondary-tabs-workspace-tray.png)
![Persona Bar Style Guide - Control Bar - Workspace Tray](../common/img/gra-pbarstyles-15-control-bar-workspace-tray.png)
![Persona Bar Style Guide - Date Picker](../common/img/gra-pbarstyles-17-date-picker.png)
![Persona Bar Style Guide - Date And Time Picker](../common/img/gra-pbarstyles-18-date-and-time-picker.png)
![Persona Bar Style Guide - Date Range Picker](../common/img/gra-pbarstyles-19-date-range-picker.png)
![Persona Bar Style Guide - Page Selector](../common/img/gra-pbarstyles-23-page-selector.png)
![Persona Bar Style Guide - Image Upload Field](../common/img/gra-pbarstyles-21-image-upload-field.png)
![Persona Bar Style Guide - Notification Iconography](../common/img/gra-pbarstyles-25-notification-iconography.png)
![Persona Bar Style Guide - Minimum Width Notification](../common/img/gra-pbarstyles-26-minimum-width-notification.png)
![Persona Bar Style Guide - Maximum Width Notification](../common/img/gra-pbarstyles-27-maximum-width-notification.png)
![Persona Bar Style Guide - Maximum Height Notification](../common/img/gra-pbarstyles-28-maximum-height-notification.png)
![Persona Bar Style Guide - Button Notification](../common/img/gra-pbarstyles-29-button-notification.png)
![Persona Bar Style Guide - Loader Bar](../common/img/gra-pbarstyles-30-loader-bar.png)
![Persona Bar Style Guide - Back-to Link](../common/img/gra-pbarstyles-32-back-to-link.png)
![Persona Bar Style Guide - Breadcrumb Navigation](../common/img/gra-pbarstyles-33-breadcrumb-navigation.png)