🚧 This website is work in progress 👷

Brand
Digital Assets
Foundations
Icons
Components
Templates
Resources
Design Tokens
How-tos
Best Practices
Libraries
Accessibility
Products List
Support

- Overview
- Actions
  - Overview
  - Button
  - ContextMenu
  - Link
- Controls
  - Overview
  - Checkbox
  - Tag
  - Toggle
- Forms
  - Overview
  - DatePicker
  - FileUploader
  - Input
  - NumberInput
  - RadioButton
  - Search
  - Select
  - Slider
  - TextArea
  - TextInput
- Hooks
  - useIsomorphicLayoutEffect
  - useMediaQuery
  - useSettings
- Navigation
  - Overview
  - AnchorNavigation
  - BannerNavigation
  - Breadcrumb
  - ContentSwitcher
  - Footer
  - InfoBar
  - MainNavigation
  - SecondaryNavigation
  - StepNavigation
  - SubNavigation
- Overlay
  - Overview
  - Credits
  - Modal
  - Notification
  - Tooltip
- Structure
  - Overview
  - Accordion
  - AuthLayout
  - Avatar
  - Callout
  - Card
  - Empty
  - Hero
  - InlineLoading
  - Item
  - List
  - Loading
  - mdxComponents
  - Module
  - Pagination
  - ReadMore
  - Story
  - Table
  - Tabs
  - Text
  - Unit
  - User
  - WFPCoreProvider
  - Wrapper

Toggle

Published

Toggle

On this page

References

Figma
Source
Storybook

2023 © World Food Programme