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

Интерфейс CardPanelProps

Свойства компонента панели карточки.

interface CardPanelProps {
    children?: ReactNode;
    collapseButtonPosition?: CollapseButtonPosition;
    collapseOnlyByIcon?: boolean;
    contentAutoHeight?: boolean;
    "data-panel-id"?: string;
    "data-qaid"?: string;
    dragHandlerClassName?: string;
    flexDirection?: CardPanelFlexDirection;
    forwardRef?: RefObject<HTMLDivElement>;
    hasHeaderLine?: boolean;
    headerAutoHeight?: boolean;
    helperText?: ReactNode;
    helperTitle?: string;
    hideOverflow?: boolean;
    internal?: boolean;
    isCollapsed?: boolean;
    isDraggable?: boolean;
    isSticky?: boolean;
    isWide?: boolean;
    leftExtraItems?: ReactNode;
    mountOnExpand?: boolean;
    noBodyPadding?: boolean;
    onToggleCollapse?: (isCollapsed: boolean) => void;
    overflowType?: OVERFLOW_TYPE;
    resizerOptions?: CardPanelResizerOptions;
    rightExtraItems?: ReactNode;
    theme?: CardPanelTheme;
    title?: ReactNode;
    titleTooltip?: string;
}
Индекс

Свойства

children? collapseButtonPosition? collapseOnlyByIcon? contentAutoHeight? data-panel-id? data-qaid? dragHandlerClassName? flexDirection? forwardRef? hasHeaderLine? headerAutoHeight? helperText? helperTitle? hideOverflow? internal? isCollapsed? isDraggable? isSticky? isWide? leftExtraItems? mountOnExpand? noBodyPadding? onToggleCollapse? overflowType? resizerOptions? rightExtraItems? theme? title? titleTooltip?

Свойства

children?: ReactNode

Дочерние элементы панели.

collapseButtonPosition?: CollapseButtonPosition

Расположение кнопки сворачивания.

collapseOnlyByIcon?: boolean

Разрешает сворачивать панель только при нажатии на иконку.

contentAutoHeight?: boolean

Подгоняет высоту содержимого.

"data-panel-id"?: string

Идентификатор панели.

"data-qaid"?: string

Идентификатор для тестирования.

dragHandlerClassName?: string

CSS-класс для ручки перетаскивания.

flexDirection?: CardPanelFlexDirection

Определяет направление размещения элементов.

forwardRef?: RefObject<HTMLDivElement>

Ссылка на корневой элемент панели.

hasHeaderLine?: boolean

Отображает разделительную линию в заголовке.

headerAutoHeight?: boolean

Подгоняет высоту заголовка.

helperText?: ReactNode

Текст подсказки в панели.

helperTitle?: string

Заголовок всплывающей подсказки.

Окончание поддержки:2.16.0
hideOverflow?: boolean

Скрывает содержимое за границами.

Следует использовать overflowType

internal?: boolean

Минималистичный заголовок.

isCollapsed?: boolean

Указывает, свернута ли панель.

isDraggable?: boolean

Делает элемент перетаскиваемым.

isSticky?: boolean

Использовать фиксированное позиционирование.

isWide?: boolean

Устанавливает ширину панели в 100%.

leftExtraItems?: ReactNode

Элементы слева от заголовка.

mountOnExpand?: boolean

Монтировать дочерние элементы только при раскрытии.

noBodyPadding?: boolean

Отключает отступы содержимого.

onToggleCollapse?: (isCollapsed: boolean) => void

Обработчик, вызываемый при сворачивании/разворачивании панели.

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

    • (isCollapsed: boolean): void

    • Параметры

      • isCollapsed: boolean

        текущее состояние сворачивания.

      Возвращает void

overflowType?: OVERFLOW_TYPE

Определяет поведение переполнения содержимого.

resizerOptions?: CardPanelResizerOptions

Параметры изменения размера панели.

rightExtraItems?: ReactNode

Элементы справа от заголовка.

theme?: CardPanelTheme

Определяет цветовую тему.

title?: ReactNode

Заголовок панели.

titleTooltip?: string

Подсказка при наведении на заголовок.

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

Настройки

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

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

Свойства