Skip to main content
All about PIE
What is PIE?
Our vision
Roadmap
Designers
Getting started
Contributing
How we support you
Engineers
Getting started
Guidelines
Contributing
Web components
Agents
Agentic AI Resources
Accessibility
Overview
Testing for accessibility
Text Scaling
Resources
Foundations
Design Tokens
Blur
Colour
Elevation
Gradients
Iconography
Motion
Radius
Spacing
Typography
Components
Component status
Accordion
App Bar
Assistive Text
Avatar
Badge
Bottom Sheet
Breadcrumb
Button
Card
Carousel Indicator
Checkbox
Checkbox Group
Chip
Data Table
Data Visualisation
Bar Chart
Line Chart
Date Picker
Divider
Dropdown
FAB
Form Label
Icon Button
Icon With Background
Link
List Item
List Item - Interactive
List Item
Map Pin
Modal
Modal - Native
Notification
Numeric Stepper
Numeric Stepper - Form
Numeric Stepper - Input
Numeric Stepper - Simple
Numeric Stepper
Pagination
Popover
Progress Bar
Progress Stepper
Radio
Radio Group
Rating
Segmented Controls
Select Input
Show More
Side Sheet
Skeleton
Slider
Spinner
Stacked Notification
Switch
Tabs
Tag
Tag - Icon Only
Text Input
Textarea
Thumbnail
Toast
Tooltip
Uploader
Patterns
Cookie Banner
Errors
Focus State
Forms
Haptic Feedback
JET AI
Just Eat +
Messaging and Chatbots
Nested Overrides
Onboarding and Guided Tour
Overlay Patterns
Selected State
Support
FAQ
Contact us
Skeleton
A skeleton is a visual representation used to indicate the presence of content that is being loaded.
Overview
Web
Apps
We're currently working on this documentation. It will be available soon.
Back to top