Toggle Menu
Visual Styles
Color
Color
Color System
Color Tokens
Theming System
Text Color Utilities
Spacing
Spacing
Spacing System
Spacing Tokens
Spacing Utilities
Typography
Typography
Typography System
Typography Tokens
Breakpoints
Breakpoints
Breakpoint System
Information Density
Information Density
Information Density System
Comfortable Density
Regular Density
Compact Density
Background Gradients
Background Gradients
Gradients
Gradient Focal Points
Gradient Tokens
More Utilities
More Utilities
Bare List
Border Radius
Clearfix
Displays
Flex
Height
Opacity
Shadow
Text Align
Text Decoration
Visually Hidden
Z Index
View All Visual Styles
Elements
Article
Article
Article
Button
Button
Button
Button Link
Button Attributes
Button With Icon
Button With Icon Only
Button Hierarchy
Button Size
Button Border Radius
Button Display
Button Upload
Button Background Color
Button Loading State
Figure
Figure
Figure
Figure With Content Variation
Icon
Icon
Icon
Icon Size
Icon Color
Icon Use Case Custom Svg
Icon Javascript Usage
Image
Image
Image
Image Srcset And Sizes
Image Fill
Image Background
Image Use Case Background Fit And Position
Image Use Case Art Direction
List
List
List
List Tag
List Display
List Nowrap
List Spacing
List Separator
List Inset
List Align
List Valign
List Use Cases
List Non Semantic Use Case
Menu
Menu
Menu
Menu Title Variations
Menu Spacing Variations
Menu Use Case Button Link Items
Menu Use Case Icons
Menu Use Case Popover
Printable
Printable
Printable
Printable Long
Ratio
Ratio
Ratio
Ratio Video
Ratio Use Case Fit And Position
Shape
Shape
Shape
Shape Border Radius
Shape Size
Shape Theming
Table
Table
Table Examples
Table
Table Caption
Table Top Header
Table Side Header
Table Top Side Headers
Table Headers Footers
Table Borderless
Table Format Variations
Table Full Width
Table Sticky Headers
Table Column Fixed Width
Table Fixed Width Table
Table Custom Column Width
Text Link
Text Link
Text Link
Text Link Button
Text Link Attributes
Text Link With Icon
Text Link Reversed Underline
Text Link Expand Click Target
Type
Type
Type
Type Tag
Type Size
Type Font Weight
Type Color
Type Hierarchy
Type With Icon
Type Headline Links
Type Use Case Numbered Headlines
Type Lora
Type Chakra Petch
Wrapper
Wrapper
Wrapper
Wrapper Use Case Custom Max Width
Status Board
View All Elements
Layouts
Grid
Grid
Grid
Grid Start And Span
Grid Gutter Variations
Grid Row Gutter Variations
Grid Item Column Span Variations
Grid Item Row Span Variations
Grid Item Responsive Breakpoints
Grid Item Align Variations
Grid Item Valign Variations
Grid Traditional Columns And Rows
Holy Grail
Holy Grail
Holy Grail
Holy Grail Use Case Navigation
Layout
Layout
Layout
Layout Template
Layout Sub Template
Layout Background And Theme
Layout Gutter
Layout Padding
Layout Horizontal Alignment
Layout Vertical Alignment
Layout Item Vertical Alignment
Layout Item Order
Layout Full Bleed
Layout Use Case About Hero
Layout Use Case Artificial Intelligence Hero
Layout Use Case Center Out Hero
Layout Use Case Customer Lifetime Value Hero
Layout Use Case German Homepage Hero
Layout Use Case Homepage Hero
Layout Use Case Infinity Hero
Layout Use Case Locations France Hero
Layout Use Case Platform Hero
Layout Use Case Page 1 About
Layout Use Case Page 2 Insights
Layout Use Case Page 3 Resources
Layout Use Case Page 4 Careers
Layout Use Case Page 5 Customers
Layout Use Case Page 6 Homepage
Layout Use Case Page 7 Industries
Layout Use Case Page 8 Services
Layout Use Case Page 9 Pegaworld
Layout Use Case Old Homepage
Site
Site
Site
View All Layouts
Components
Accordion
Accordion
Accordion
Accordion Single
Accordion No Seperator
Accordion Box Shadow
Accordion Spacing
Accordion Icon Valign
Accordion Item Open
Accordion Item Inactive
Accordion Item Deep Linking
Accordion Deep Linking With Scroll Offset
Accordion Use Case Qa
Accordion Use Case Schedule
Accordion Use Case Content Examples
Accordion Use Case Label Vertiical Separator
Action Blocks
Action Blocks
Action Blocks
Action Blocks Valign Variations
Action Blocks Borderless Variations
Action Blocks Theme Variations
Action Blocks Max Items Per Row
Action Blocks Spacing Variations
Action Blocks Freeform Content
Background
Background
Background
Background Valign
Background Video
Background Shapes
Background Theme Compatibility
Background Focal Point
Background Fill
Background Opacity
Background Use Case Hero
Backgrounds Shapes
Backgrounds Shapes
Background Shapes Shapegroup Variation
Band
Band
Band
Band Size Variations
Band Theme Variations
Band Tag Variations
Band Full Bleed Variations
Band With Pinned Content
Band With Background
Band Nested
Band Flag
Band Feature
Band Collection
Banner
Banner
Banner
Banner Status
Banner Align
Banner Dismiss
Banner Use Case Links
Banner Use Case Notes
Blockquote
Blockquote
Blockquote
Blockquote Author
Blockquote Logo
Blockquote Size
Blockquote Weight
Blockquote Align Items
Blockquote Border
Blockquote Indent
Blockquote No Quotes
Blockquote Max Width
Breadcrumb
Breadcrumb
Breadcrumb
Breadcrumb Use Case Popover
Breadcrumb Use Case Band
Button (Deprecated)
Button (Deprecated)
Button
Button Size Variations
Button Hierarchy Variations
Button Theme Variations
Button Width Variations
Button Border Radius Variations
Button Align Variations
Button Transform Variations
Button Type Variations
Button With Text And Icon
Button Icon Only
Button With Web Component
Button Group (Deprecated)
Button Group (Deprecated)
Button Group
Button Group Icon Only
Button Group Quantity Variations
Card
Card
Card - Basic Example
Card - Horizontal
Card - Internal & External Actions
Card - With Two Actions
Card - Theme Colors
Card - Height Options
Card - Whole Card Clickability
Card - Video Example
Card - Freeform Content
Card - With Text Group Content
Card - Border Radius
Card - Spacing
Card - Web Component Usage
Carousel
Carousel
Carousel
Carousel Nav Button Position Variations
Carousel Slides Per View Variations
Carousel Autoplay Variations
Carousel Basic Variations
Carousel Advanced Variations
Carousel With Web Component
Chip
Chip
Chip
Chip Size
Chip Border Radius
Chip With Icon
Chip With Icon Only
Chip Linked
Chip Button
Chip Themes
Chips List
Chips List
Chip List
Chip List Size
Chip List Truncate
Chip List Collapsible
Code Snippet
Code Snippet
Code Snippet
Code Snippet Language
Code Snippet Mode
Code Snippet Custom Language Label
Code Snippet Header Display
Content Pagination
Content Pagination
Content Pagination
Copy To Clipboard
Copy To Clipboard
Copy To Clipboard
Copy To Clipboard Multiple Instances
Copy To Clipboard Custom Content
Device Viewer
Device Viewer
Device Viewer
Device Viewer Ipad Variation
Device Viewer Iphone8 Variation
Device Viewer Macbook Variation
Device Viewer Video
Device Viewer Content Magnifier Modal
Dialog
Dialog
Dialog
Dialog Width
Dialog Spacing
Dialog Persistent
Dialog Transparent
Dialog Themes
Dialog Use Case Image
Dialog Use Case Video
Dialog Use Case Form
Dialog Use Case Layouts
Figure (Deprecated)
Figure (Deprecated)
Figure
Figure Media Variations
Figure With Web Component
Floating Action Buttons
Floating Action Buttons
Demo: Basic FAB
Demo: Show On Scroll Selector
Demo: Toggle Button
Demo: X And Y Offsets
Basic FAB
Show On Scroll Selector
Toggle Button
X And Y Offsets
Footer
Form
Form
Demo: Multi-column Form
Form Element Input Field
Form Label Display
Form Fieldset
Form Radios And Checkboxes
Form Select
Form Textarea
Form Input Auto Format
Form Search
Form Use Case Campaign Landing
Form Use Case Inline Inputs
Form Use Case Multiple Columns
Headline
Headline
Headline
Headline Tag Variations
Headline Align Variations
Headline Style And Weight Variations
Headline Icon Variations
Headline Link Variations
Headline Quoted Variation
Headline Numbered
Hero (Deprecated)
Hero (Deprecated)
Hero
Hero Reverse Order
Hero Reverse Order No Image
Hero Image Min Width
Hero Image Align Right
Hero Image Valign Top
Hero Image Valign Bottom
Hero Bg Valign
Icon (Deprecated)
Icon (Deprecated)
Icon
Icon Size Variation
Icon Theme Variation
Icon Color Variation
Icon Adding Custom Icons
Icon Custom Colors
Icon Name Variations
Icon Pega Branding
Icon With Web Component
Image (Deprecated)
Image (Deprecated)
Image
Image Size Variations
Image Source Variations
Image Lazyload Variations
Image Custom Width Height Variations
Image With Web Components
Info Section
Info Section
Info Section
Info Section No Collapse
Link (Deprecated)
Link (Deprecated)
Link
Link Display Variations
Link Icon Variations
Link Valign Variations
Link Theme Variations
Link With Button Element
Link With Web Component
Link With Web Component Html Attributes
List (Deprecated)
List (Deprecated)
List
List Item Variations
List Display Variations
List Spacing Variations
List Separator Variations
List Inset Variations
List Regular Vs Inset Spacing
List Align Variations
List Valign Variations
List Tag Variations
List Nowrap Variations
List With Web Component
Listing Teaser
Listing Teaser
Listing Teaser
Listing Teaser Signifier
Listing Teaser Headline
Listing Teaser Status And Action
Listing Teaser Meta Data And More
Listing Teaser Reply
Listing Teaser Variant
Listing Teaser Callout
Listing Teaser Layout
Listing Teaser Line Clamp
Listing Teaser Use Case Academy
Listing Teaser Use Case Collaboration Center
Listing Teaser Use Case Article List
Listing Teaser Use Case Search Result List
Listing Teaser Use Case Contact List
Logo (Deprecated)
Logo (Deprecated)
Logo
Logo Invert Variation
Menu (Deprecated)
Menu (Deprecated)
Menu
Menu Title Variations
Menu Spacing Variations
Menu Use Case Button Link Items
Menu Use Case Icons
Menu Use Case Popover
Menu Use Case Theming
Modal
Modal
Modal
Modal Width Variations
Modal Spacing Variations
Modal Theme Variations
Modal Scroll Variations
Modal Trigger Variations
Modal Usage Javascript
Modal Usage Image And Caption
Modal Usage Video
Modal Usage Content
Modal Usage Persistent
Modal Usage Form
Modal With Web Component
Navbar
Navbar
Navbar Use Case Multiple
Navbar Use Case Scroll Offset
Navbar Use Case Sticky Offset
Navbar
Navbar Spacing
Navbar Center
Navbar Width
Navbar Static
Navbar Theme
Navbar Hide Title Text
Navbar Scroll Offset
Navbar Sticky Offset
Navbar Multiple
Navbar Custom Content
Notifications
Notifications
Notifications
Notifications Empty State
Ordered List
Ordered List
Ol
Ol Theme Variation
Ol Nested Items
Ol With Web Component
Page Footer
Page Footer
Page Footer
Page Header
Page Header
Demo: Academy
Demo: Collaboration Center
Demo: Community
Demo: Documentation
Demo: Pega (logged Out)
Demo: Pega
Demo: Partners
Demo: PegaWorld
Demo: SalesHub
Page Header
Pagination
Pagination
Pagination
Pagination Theme Variations
Pagination Count Variations
Pagination Align Variations
Panel
Panel
Panel
Panel Content
Panel Short Reveal
Panel Use Case Slideshow Story
Popover
Popover
Popover
Popover Placement Variations
Popover Spacing Variations
Popover Use Case Menu
Popover Use Case Custom Width
Popover Theme Variations
Popover Trigger Event Variations
Profile
Profile
Profile
Profile Full Bleed
Profile Avatar Edit Button
Progress Bar
Progress Bar
Progress Bar Basic Usage
Progress Bar Value Format
Progress Bar Max
Progress Bar Animated
Progress Bar Theming
Progress Bar In Toolbar
Progress Bar Use Case Stepper
Progress Bar Use Case Loading Animation
Progress Bar With Web Component
Ratio (Deprecated)
Ratio (Deprecated)
Ratio No Shadow No Css Vars
Ratio No Shadow
Ratio 1x1
Ratio 21x9 Web Component
Ratio 4x3
Ratio 8x1 Web Component Legacy
Ratio
Search Filter
Share
Share
Share
Share Size Variations
Share Display Variations
Share Opacity Variations
Share Align Variations
Share Theme Variations
Share Use Case Custom Title
Share Secure Email
Side Nav
Side Nav
Side Nav
Slideshow
Slideshow
Slideshow
Slideshow Slides Per View
Slideshow Slides Per Group
Slideshow Space Between
Slideshow Nav Button Position
Slideshow No Nav Buttons
Slideshow Free Scroll
Slideshow Overflow
Slideshow Autoplay
Slideshow Use Case Cards
Slideshow Use Case Teasers
Stack
Stack
Stack
Stack Spacing Variations
Sticky
Sticky
Sticky Simple Example
Switch Button
Switch Button
Switch Button
Table
Table
Table
Table Format Variations
Table Borderless
Table First Column Fixed Width
Table Cell Attributes
Table Theme Variations
Table Item Variations
Table Caption
Table With Web Component
Tabs
Tabs
Tabs
Tabs Vertical
Tabs Inset
Tabs Label And Content Spacing
Tabs Align
Tabs Theme
Tabs Content
Tabs Selected Tab
Tabs Use Case Tabbed Band
Tabs Deep Linking
Tabs Deep Linking With Scroll Offset
Tabs Web Component
Teaser
Teaser
Teaser
Teaser Layout
Teaser Card Variant
Teaser Card Variant Clickability
Teaser No Aspect Ratio
Teaser Gutter
Teaser Chips
Teaser Time
Teaser Status And Actions
Teaser Text Options
Teaser Description On Hover
Teaser Video Modal
Teaser Valign
Text
Text
Text
Text Typographic Recipes
Text Tag Variations
Text Display Variations
Text Color Variations
Text Align Variations
Text Opacity Variations
Text Quoted
Text Line Height Variations
Text Letter Spacing Variations
Text Transform Variations
Text Font Family Variations
Text Font Size Variations
Text Font Style Variations
Text Font Weight Variations
Table Of Contents
Table Of Contents
Demo: Sticky Scrolling
Toc
Toc Item Active Variations
Toc Header Variations
Toc Variants Variations
Sticky Scrolling
Tooltip
Tooltip
Tooltip
Tooltip Placement Variations
Tooltip Inverted
Tooltip Use Case Button And Link
Tooltip Use Case Icon
Tooltip With Web Component
Trigger
Trigger
Trigger
Trigger Tag Variations
Trigger Cursor Variations
Trigger Display Variations
Trigger Outline Variations
Trigger Disabled Variations
Trigger Advanced Usage
Trigger With Web Component
Typeahead
Typeahead
Typeahead Dynamically Fetch Data
Typeahead Navigate To Exact Result
Typeahead Navigate To Search Results
Unordered List
Unordered List
Ul
Ul Theme Variation
Ul Nested Items
Ul With Web Component
Video Thumbnail
Video Thumbnail
Video Thumbnail
Video Thumbnail Aspect Ratio
Video Thumbnail Border Radius
Video Thumbnail Title Chips And Subtitles
Video Thumbnail Use Case Modal
Video Thumbnail Use Case Inline
Video Thumbnail External Link
Status Board
View All Components
Pages
Gen Ai
Gen Ai
Gen Ai Search Form
Gen Ai Loading
Gen Ai Results
Gen Ai Landing Page
Solution Finder
Solution Finder
Solution Finder
Soultion Finder Results
Pegaworld 2025
Pegaworld 2025
Custom Agenda
Best Of Content
Best Of Content
Homepage
Gallery
PegaWorld Replays
Customers
Component - Quick Filters
Community
Community
Community Doc Layout
Community Doc Search Layout
Community Search Layout
Optimized Campaign Landing
Optimized Campaign Landing
Gated (PDF)
Gated (External Link)
Gated (Video)
Ungated (PDF And External Links)
Ungated (Video)
Portal
Portal
Portal Quick Links
User
User
User Notification Settings
User Notification Tag Manager 1
User Notification Tag Manager 2
User Notification Tag Manager 3
User Notification Tag Manager 4
User Profile Edit
User Profile Empty State
User Profile
User Sign Up
Pega Labs
Pega Labs
New System Request Form
All System Page
System Dashboard
Email Recovery
Email Recovery
Email Recovery 1
Email Recovery 2
Email Recovery 3
Email Recovery 4
Email Recovery 5
Email Recovery 6
Bolt Dev Sandbox
Bolt Dev Sandbox
Ckeditor 5
Ckeditor 4
Wysiwyg Kitchen Sink
View All Pages
Experiments
Animate
Animate
Animate
Animate Build Stages
Editor
Editor
Editor Simple
Editor Blockquote
Editor Modal
Editor With Two Character Layout
Drupal Integration
Image Hotspots
Image Hotspots
Image Hotspots
Micro Journeys
Micro Journeys
Character
Character Kitchen Sink
Connection
Status Dialogue Bar
Status Dialogue Bar Kitchen Sink
Icon Group
Micro Journeys Solo
Micro Journeys
Micro Journeys Intersection Observer
Micro Journeys Single Step With Two Character Layout
Step 1 Demo
Step 2 Demo
Step 3 Demo
Step 4 Demo
Step 5 Demo
Micro Journey In Themes
In Page Example
Demo Links
React
React
React Demo
Conditional Select Demo
Svg Animations
Svg Animations
Svg Animations
View All Experiments
Drupal Admin User Interface
Text Paragraph
Advanced Text Paragraph
Icon Paragraph
Image Paragraph
Button Paragraph
Blockquote Paragraph
List Paragraph
Action Blocks Paragraph
Tabs And Accordion Paragraph
Dialog Paragraph
Slideshow Paragraph
Video Paragraph
Panel Paragraph
Share Paragraph
Archive
Agenda Manager
Agenda Manager
Agenda Manager Details
Agenda Manager Details Aflac
Agenda Manager Details Alan Keynote
Blog
Blog
Blog Homepage
Blog Post
Calculator
Calculator
Calculator
Results
Careers
Careers
Careers Homepage
Content Hub
Content Hub
Sticky Navbar
Events
Events
Event Detail
Event Form Example
Event Landing
Homepage
Homepage
Homepage Japanese
Homepage
Partners
Partners
Partners Search
Press And Media
Press And Media
Browse Page
Browse Page Media
Browse Page Press
Details Page Press
News Landing
Product Pages
Product Pages
Product Landing
Product T2
Product T4
Resource Details Pages
Resource Details Pages
Resource Details Page
Resource Details Page Extra Long Title
Resource Details Page Long Title
Resource Details Page Short Title
View All Archive
Tests
Accordion
Accordion
Accordion No Shadow
Accordion Deep Linking Only One Sticky After Page Header
Accordion Deep Linking Different Heights Sticky Elements
Accordion Deep Linking Only Page Header
Accordion Deep Linking Sticky Element Not Directly After Page Header
Accordion Deep Linking Sticky Element The Tallesr After The Accordion
Accordion List Inside
Action Blocks
Action Blocks
Action Blocks Themes
Animations
Animations
Banner Test Fade Ins
Gallery Test Fade Ins
Icon Test Fade Ins
Image Test Fade Ins Cascade
Image Test Fade Ins No Cascade
Lottie Player
Nested Animations Cascade
Nested Animations No Cascade
Video Test Bounce Ins
Article
Article
Link
Background
Background
Background Themes
Background Video
Background Video Pause
Backround Video Responsive Display
Banner
Banner
Banner Themes
Blockquote
Blockquote
Blockquote Multi Paragraph
Blockquote Languages
Button
Button
Button Without States
Button Background Colors
Button Loading State
Button Infinity Test Page
Button Nested Layouts
Button Height Checks
Card
Card
Card
Card Links And Buttons
Carousel
Carousel
Carousel In Layout
Carousel Slide Width
Code Snippet
Code Snippet
Code Snippet Languages
Code Snippet Lang None
Code Snippet Escape Html
Code Snippet Table
Dialog
Dialog
Dialog With Popover
Dialog In Relative Div
Dialog In Carousel
Dialog In Table
Dialog With Table
Dialog From Card
Dialog Display On Mobile Variations
Form
Form
Form Search Fields
Form Fieldset Error
Form Input Block Label Error
Form Input Float Label
Form Input Float Label Long
Form Errors
Grid
Grid
Grid
Headline
Headline
Headline Link Attributes
Headline Numbered
Heroes
Heroes
Basic Usage
Reverse Desktop Order
Reverse Desktop Order No Image
Image Minimum Width
Image Horizontal Alignment
Image Horizontal Alignmen Top
Image Horizontal Alignmen Bottom
Background Image Vertical Alignment
Centered Content
Video And List
Templates
Centered Form
Icon
Icon
Loop Thru All Icon Props
Element Performance Test
Component Performance Test
Icon Deprecations
Image
Image
Image No Shadow
Layout
Layout
Nested Layout
Full Bleed Layout
Layout Display None
Layout Item Order And Reset
Nested Layout Valign Items
Layout Valign Self
List
List
List Display
Listing Teaser
Listing Teaser
Listing Teaser
Menu
Menu
Menu Custom Attributes
Menu Other Valid Call To Action Items
Modal
Modal
Modal With Popover
Modal With Layout Inside
Modal Content Variations On Mobile
Modal Theme Variations With Header Footer
Navbar
Navbar
Navbar With Links
Navbar With Active Link
Navbar With Content
Navbar With List
Navbar No Title
Navbar Title Tags
Navbar Center
Navbar With Offsets
Navbar Multiple
Navbar Themes
Notifications
Notifications
Notifications Long Strings
Optimized Campaign Landing
Optimized Campaign Landing
Oclp Page Theme 1
Oclp Page Theme 2
Oclp Page Theme 3
Oclp Page Theme 4
Oclp Page Theme 5
Oclp Page Theme 6
Panel
Panel
Panel Theme Variations
Popover
Popover
Popover Auto Open
Popover No Shadow
Popover Boundary
Popover Disconnected Callback
Popover Close On Action
Popover Enable Disable
Profile
Profile
Profile Edit
Share
Share
Share
Secure Share
Slideshow
Slideshow
Slideshow With Images
Slideshow Slide Height
Slideshow Slide Width
Slideshow Layout Tests
Slideshow Inside Layout
Switch Button
Switch Button
Switch Button Id
Table
Table
Table Default Html
Table Format Variations Html
Table Borderless Html
Table Only Rows Column Fixed Width Html
Table Full Width Html
Table Support Center
Table Sticky Headers
Tabs
Tabs
Tabs No Shadow
Tabs Deep Linking
Tabs Deep Linking Sticky Elements
Tabs Deep Linking Sticky Elements Without Page Header
Tabs Deep Linking Only Page Header
Tabs Vertical Deep Linking
Teaser
Teaser
Teaser
Teaser Video
Teaser Video Card
Teaser Spacing And Border Radius
Teaser Card Bg
Teaser Card Hover
Teaser No Aspect Ratio
Teaser Full Height In Layout
Teaser Valign
Themes
Themes
Themes Tested
Toc
Toc
Toc Use Case Sticky Only Page Header
Toc Use Case Sticky Only Sticky Elemnts
Toc Use Case Sticky Page Header And Sticky Elements
Toc Use Case Max Height
Tooltip
Tooltip
Tooltip No Shadow
Tooltip Boundary
Tooltip Link Whitespace
Trigger
Trigger
Trigger Card Modal
Type
Type
Possible Variations
Type Font Weights
Type Font Colors
Type Sizes
Typeahead
Typeahead
Typeahead Z Index
Typography
Typography
Custom Fonts
Video
Video
Video Playback Rates
Video Media
Video Captions
Video Social
Video Custom Error Message
Video Quality Options
Video Autoplay On Viewport
Video Modal
Audio Player
Video Dialog
Video Gif Test
Video Caption Attributes
Video Url Timestamp
Videothumbnail
Videothumbnail
Videothumbnail Meta
Dos And Donts Concept
View All Tests
All
1007px
/
62.9em
Resize viewport to small
Resize viewport to medium
Resize viewport to large
Resize viewport to full
Expand All Panels
Switch Layout
Switch Theme
Show Internal Tabs
Open In New Tab
Browser Support
Pattern Lab Docs
Drag to resize Pattern Lab
Drag to resize Pattern Lab Drawer
Loading Code Panel
