@octopusdeploy/design-system-components/dist/src/components/LegacyCard/LegacyCard.d.ts

The design systems component library.

import type * as React from "react";
interface LegacyCardProps {
    /**
     * Custom styles to apply to the card container
     *
     * @deprecated Custom styles should be avoided for components as these encourage snowflakes.
     * Please consider whether custom styles is really necessary or whether a new component / variant
     * is required to capture your use case.
     */
    className?: string;
    /**
     * The logo content that should be shown as part of the card.
     */
    logo: React.ReactNode;
    /**
     * The content that should be shown in the header portion of the card.
     */
    header: React.ReactNode;
    /**
     * The main content that should be shown.
     */
    content: React.ReactNode;
    /**
     * The content that should be shown when the card is hovered.
     *
     */
    onHoverView?: React.ReactNode;
    /**
     * The link element to use when the card is clicked.
     */
    link?: React.ReactNode;
    /**
     * Controls whether the card is disabled.
     */
    isDisabled?: boolean;
    /**
     * Whether the content should be left aligned. The default is center aligned.
     */
    leftAlign?: boolean;
    /**
     * The classname to apply to the content container.
     *
     * @deprecated Custom styles should be avoided for components as these encourage snowflakes.
     * Please consider whether custom styles is really necessary or whether a new component / variant
     * is required to capture your use case.
     */
    contentClassName?: string;
    /**
     * When true the margin for the root container will be removed
     */
    disableMargin?: boolean;
    /**
     * An optional click handler
     */
    onClick?: () => void;
}
export declare const LegacyCard: React.FC<LegacyCardProps>;
export {};