Skip to Main Content
Pelican Design System
Pelican
Home
What’s New
Get Started
Migration Guide
Introduction
See guidance for items in Introduction
Benefits
Important Considerations
Change Management
Credits
License
Accessibility
See guidance for items in Accessibility
Accessibility Statement
Color Contrast
Keyboard Navigation
Skip Link
Dyslexia Friendly
Headings
Forms
Accessibility Checklist
Foundation
See guidance for items in Foundation
Brand Colors
Status Colors
UI Colors
Layout Grid
Spacing
Links
Typography
Icons
Voice & Tone
Images
Specific Images
Components
See guidance for items in Components
Alerts
App Screen
Badges
Breadcrumbs
Buttons
Button Container
Previous and Next Page Buttons
Back to Top Button
Add Data Button
Page Actions Button
Cards
Chip
Collapse
Content Container
Data Tile
Dividers
Footer
List Group
Loading Animation
Modal
Navbar
Official Banner
Page Title
Pagination
Popovers & Tooltips
Progress Indicator
Skip Link
Status
Tabbed Content
Table, Striped
Table, Scrollable
Toasts
Form Controls
See guidance for items in Form Controls
Section Header
Label Guidance
Checkboxes & Radios
Checkbox & Radio Tiles
Inputs
Switches
Toggle Tokens
Form Validation
Form Templates
See guidance for items in Form Templates
Address
Change Password
Contact Information
Create User ID & Password
Name
Sign In
Examples
Extras
See guidance for items in Extras
Background Texture
Feedback
Resources
Sitemap
Pelican Design System
Examples
v1.1.2
v2.0
v1.1.3
v2.0
Toggle side navigation
Home
Examples
Examples
Example uses of Pelican in pages, forms, and components
Edit on GitHub
Page top
Pelican Design System
Examples
Pelican Design System
Examples