πŸ““

Modal

Meet Castos Sign In 14-Day Free Trial

Who we are

πŸ““What we stand forοΈπŸ““Our PurposeπŸ““Our VisionπŸ““Our MissionπŸ““Our Values

Design System

πŸ““Design PrinciplesπŸ““ColorsπŸ““TypographyπŸ““Images

Content Guide

πŸ““What is a Content GuideπŸ““Writing goals and principlesπŸ““Tips for writing at Castos

Component Library

πŸ““About our ComponentsπŸ““Button

Logos & Assets

πŸ““CastosπŸ““Castos ProductionsπŸ““Castos AcademyπŸ““Audience PodcastπŸ““3 Clips Podcast
⚑
Meet Castos β†’

Β© Castos 2022 – v0.4

Modal

Modals are used throughout the UI to request additional information from the user and to confirm an action.

Layout

  • It should have a header with the main title of the modal.
  • It should have a footer that contains the modal’s buttons:
    • The primary/action button should be placed on the left.
    • The secondary button should be placed on the right.
    • See Button for the colors style guide.

Usage example

image
  • Modal
  • Layout
  • Usage example