index.md

---

uid: persona-bar-style-guide locale: en title: Persona Bar Style Guide dnnversion: 09.02.00 related-topics: theme-objects,dnn-manifest-schema,requirements,dnn-overview,dnn-overview,control-bar-to-persona-bar,persona-bar-by-role,more-resources links: ["DNN UX Guide"]

Persona Bar Style Guide

[top]

Evoq Color Palette

[top]

Large Buttons

[top]

Small Buttons

[top]

Label

[top]

Tool Tips

[top]

Large Single-Line Text Field

[top]

Small Single-Line Text Field

[top]

Multi-Line Text Field

[top]

Large Dropdown

[top]

Small Dropdown

[top]

Searchable Pill Field

[top]

On / Off Switch

[top]

Radio Button

[top]

Check Box

[top]

Primary Tabs - Workspace Tray

[top]

Secondary Tabs - Workspace Tray

[top]

Control Bar - Workspace Tray

[top]

Date Picker

[top]

Date And Time Picker

[top]

Date Range Picker

[top]

Page Selector

[top]

Image Upload Field

[top]

Notification Iconography

[top]

Minimum Width Notification

[top]

Maximum Width Notification

[top]

Maximum Height Notification

[top]

Button Notification

[top]

Loader Bar

[top]

Back-to Link

[top]

Breadcrumb Navigation