💎
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

Scrollbar

PreviousRadioButtonNextShell

Last updated 11 months ago

Was this helpful?

Общая информация

Скролл (scroll) - атомарный элемент, который используется для просмотра (прокрутки) содержимого, которое не вмещается в контентную область.

Описание работы

Вертикальный скролл

Скролл появляется при наведении на область, в котрой он находится (например, виджет, оверлей меню и т.д.)

Горизонтальный скролл

Горизонатальный скролл используется в случае, когда контентная часть выходит за ширину виджета, таблицы или иной сущности.

Рекомендуется формировать контент так, чтобы горизонтальный скролл не использовался.

Размеры

Внешние размеры

Ширина скрола 8рх. Высота скрола зивисит от контента и расчитывается разработчиками. Чем больше контента, тем короче скролл.

Элемент
Значение

Скролл

Weight: 8px Radius: 4px

Внутренние размеры

Охраная область скрола по краям 4рх:

Цвета

Скролл: #BFC6D7 — G4

🚧