💎
Prizm Design System Documentation
ShowcaseGitHubRepot a Bug
  • About Prizm
    • Дизайн-система Prizm
    • Changelog
    • License
  • Guidelines
    • ⭕Accessibility
    • ⭕Colors
    • 🚧Design Tokens
      • Color
      • Border Radius
      • Box Shadow
      • Font
      • Line Height
      • Size
      • Space
      • Transition
      • Page
    • ⭕Grid
    • ⭕Iconography
    • ⭕Naming
    • ⭕Typography
    • 🚧Validation
  • Components
    • 🚧Accordion
    • 🚧Breadcrumbs
    • 🚧Buttons
      • Text Button
      • Icon Buttn
      • Split Button
    • 🚧Calendars
      • Calendar
      • Calendar Range
      • ⭕Calendar Month
      • Calendar Year
    • ⭕Card
    • 🚧Checkbox
    • 🚧Chips
    • 🚧Dialogs
      • Confirm dialog
      • Dialog
      • Sidebar
    • ⭕Hierarchy
    • Hint
    • 🚧Indicator
      • 🚧Counter
      • ⭕Point
      • ⭕Icon
    • 🚧Inputs
      • Chips
      • Chips Select
      • Chips Combobox
      • Date
      • Datе Time Range
      • Date Range
    • Navigation menu
    • 🚧Navigation Panel
      • Header
      • Navigation menu
    • 🚧Dropdown Menu
      • Context Menu
      • Dropdown Menu
    • 🚧Paginator
    • 🚧Panel
    • 🚧Progress
      • Bar
      • Spinner
    • 🚧RadioButton
    • 🚧Scrollbar
    • 🚧Shell
    • ⭕Skeleton
    • 🚧Slider
    • 🚧Splitter
    • 🚧Status Panel
    • 🚧Stepper
    • 🚧Switcher
    • ⭕Table
      • Настройки таблицы
    • 🚧Tab
    • Time Picker
    • 🚧Toast
    • 🚧Toggle
    • 🚧Tooltip
    • Tree
      • Tree Chevrone
      • Tree Line
    • 🚧Widget
  • Patterns
    • ⭕403 / 404
    • Query builder
    • ⭕Cron
    • None content
    • ⭕Group Content
    • ⭕File Upload
    • ⭕Side Menu
    • ⭕Zoom Control
Powered by GitBook
On this page
  • Оверлей
  • Общее
  • Цвет и тематизация
  • Расположение
  • Цвета

Was this helpful?

  1. Components

Dialogs

PreviousChipsNextConfirm dialog

Last updated 1 year ago

Was this helpful?

Оверлей

Общее

Если всплывающий диалог является модальным, основной фон страницы перекрывается оверлеем, полупрозрачным фоном блокирующим взаимодействие с контентной частью. Бокировка контента на экране зависит от того приложение на платформе, либо нет.

Цвет и тематизация

В светлой и тёмной темах используется оверлей с одинаковыми параметрами. В светлой затемняет, в темной осветляет.

Расположение

ConfirmDialog может располагаться в 9 позициях относительно окна приложения:

Приложение на платформе

Неплатформенное решение

Цвета

🚧
Cover

На платформе

В этом случае не блокируется общефункциональная оболочка (ОФО). Центральный диалог выравнивается по оверлею.

Cover

Не на платформе

В этом случае блокируется овесь экран. Центральный диалог выравнивается по центру экрана.

Cover

TopLeft

Cover

TopCenter

Cover

TopRight

Cover

CenterLeft

Cover

CenterCenter

Cover

CenterRight

Cover

BottomLeft

Cover

BottomCenter

Cover

BottomRight

Cover

TopLeft

Cover

TopCenter

Cover

TopRight

Cover

CenterLeft

Cover

CenterCenter

Cover

CenterRight

Cover

BottomLeft

Cover

BottomCenter

Cover

BottomRight