Search
    Preparing search index...

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

    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;
    }
    Index

    Properties

    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

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

    hideOverflow?: boolean

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

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

    @universe-platform/uikit 2.0.0

    internal?: boolean

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

    isCollapsed?: boolean

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

    isDraggable?: boolean

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

    isSticky?: boolean

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

    isWide?: boolean

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

    leftExtraItems?: ReactNode

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

    mountOnExpand?: boolean

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

    noBodyPadding?: boolean

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

    onToggleCollapse?: (isCollapsed: boolean) => void

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

    Type declaration

      • (isCollapsed: boolean): void
      • Parameters

        • isCollapsed: boolean

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

        Returns void

    overflowType?: OVERFLOW_TYPE

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

    resizerOptions?: CardPanelResizerOptions

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

    rightExtraItems?: ReactNode

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

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

    title?: ReactNode

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

    titleTooltip?: string

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