Cloudflare LogoNavigate Back
Cloudflare Style
Cloudflare Style is in Alpha and is a work-in-progress. Expect changes. Contact DESSYS with any questions.
Components
Structure

Modal

A modal provides information or helps a user complete a task. They prevent users from interacting with the rest of the application until a specific action is taken. Modals should be used thoughtfully because they are disruptive.

  • Design
  • Implementation

General guidelines:

  • request a user decision
  • present information that could reduce a user’s effort
  • alert the user to confirm a potentially significant action

Do not:

  • use modals for complex actions or decision-making
  • include information that is not required to complete the current user flow

For more complex workflows or actions, consider using a different component or composition.

Product Usage

  • Dashboard
  • Teams
  • Radar
    v2.6.3Last updated June 10, 2021
    Open in FigmaView source

    • LinkedIn
    • Facebook
    • Twitter
    • GitHub
    • YouTube

    Cloudflare LogoNavigate back
    • © 2021 Cloudflare, Inc.
    • About Cloudflare
    • Careers
    • Terms of Use
    • Disclosure
    • Trademark