Юниверс DG SDK UI
v2.15.0

Интерфейс DrawerProps

Интерфейс пропсов выдвижной панели.

interface DrawerProps {
    hasBackdrop?: boolean;
    hasCloseIcon?: boolean;
    header?: ReactNode;
    isOpen: boolean;
    leftExtraItems?: ReactNode;
    onClose: (e: Event | SyntheticEvent<HTMLDivElement, Event>) => void;
    parentContainer?: HTMLElement;
    position?: DrawerPosition;
    rightExtraItems?: ReactNode;
    shouldCloseOnClickOutside?: boolean;
    shouldCloseOnEsc?: boolean;
    size?: Universe.Platform.Uikit.SIZE;
    theme?: DrawerTheme;
    title?: ReactNode;
}
Индекс

Свойства

hasBackdrop? hasCloseIcon? header? isOpen leftExtraItems? onClose parentContainer? position? rightExtraItems? shouldCloseOnClickOutside? shouldCloseOnEsc? size? theme? title?

Свойства

hasBackdrop?: boolean

Флаг, показывающий видимость фоновой подложки

hasCloseIcon?: boolean

Флаг, отображающий иконку закрытия

header?: ReactNode

Слот для произвольного контента в заголовке

isOpen: boolean

Флаг, указывающий, открыта ли панель

Окончание поддержки:2.16.0
leftExtraItems?: ReactNode

Дополнительный элемент располагающийся справа

Использовать Drawer.HeaderTitle в слоте DrawerProps.header

onClose: (e: Event | SyntheticEvent<HTMLDivElement, Event>) => void

Обработчик закрытия панели

Объявление типа

    • (e: Event | SyntheticEvent<HTMLDivElement, Event>): void

    • Параметры

      • e: Event | SyntheticEvent<HTMLDivElement, Event>

        Событие или синтетическое событие закрытия

      Возвращает void

parentContainer?: HTMLElement

Родительский контейнер, куда монтируется панель

position?: DrawerPosition

Позиция панели

Окончание поддержки:2.16.0
rightExtraItems?: ReactNode

Дополнительный элемент располагающийся справа

Использовать Drawer.HeaderTitle в слоте DrawerProps.header

shouldCloseOnClickOutside?: boolean

Флаг, разрешающий закрыть панель кликом вне её области

shouldCloseOnEsc?: boolean

Флаг, разрешающий закрыть панель по нажатию ESC

size?: Universe.Platform.Uikit.SIZE

Размер панели

theme?: DrawerTheme

Тема оформления панели

Окончание поддержки:2.16.0
title?: ReactNode

Название панели

Использовать Drawer.HeaderTitle в слоте DrawerProps.header

© Авторские права 2025, Юниверс Дата.

Настройки

Видимость элементов?

На этой странице

Свойства