PelicanCorp
Industry context
Design philosophy
UI framework
Documentation
P
CUI v1.20.1177
(Release notes)
.NET CORE 2.1
Common
• Color Palette
• Icon
• Media Query
• Spacing
• String Validation
• Tooltip
• Truncate
• Typography
Elements
• Badge
• Buttons
• Change Tracker
• Checkboxes
• Flat Text Buttons
• Header Branded Panel
• Loading bars
• Overlay Container Sliding
• Language Switcher
• Pie Chart
• Progress
• Radio Sliders
• Relative Date
• Rich Text Field
• Text Fields
Components
• Complex Table
• DatePicker
• DatePickerV2
• Dismissible Alert
• Floating Panel
• Headers - Sections
• Leaflet
• List Groups
• List Group Accordion
• Menu
• Reusable Modal
• Save Changes Modal
• Simple Table
• Standard View
• Stepper
• Tabs
• Timeline
• Upload
• View Toggle Container
Templates
• Filter Template
• Search User
• Side Navigation
• Overlay Container Template
• Overlay Search Template
• Progressive Loading Demo
Configurable
• Favicon
• Logo
• Zendesk
Proof of Concepts
• Configurable Section
• Progressive Loading
• Login Demo
Storybook (WIP)
P
C
U
I
F
R
A
M
E
W
O
R
K
M
E
N
U
Color Palette
Documentation and examples in using the Color Palette with PCUI
Brand Colors
$pcui-blue
$pcui-indigo
$pcui-purple
$pcui-pink
$pcui-red
$pcui-orange
$pcui-yellow
$pcui-green
$pcui-teal
$pcui-cyan
Grays
$pcui-white
$pcui-gray-100
$pcui-gray-200
$pcui-gray-300
$pcui-gray-400
$pcui-gray-500
$pcui-gray-600
$pcui-gray-700
$pcui-gray-800
$pcui-gray-900
$pcui-black
Buttons using Theme Colors
Hovering on buttons shows the darkened color of the theme color itself.
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark