@navikt/ds-react/cjs/read-more/ReadMore.d.ts

React components from the Norwegian Labour and Welfare Administration.

import React from "react";
import type { AkselStatusColorRole } from "@navikt/ds-tokens/types";
import type { AkselColor } from "../types";
export interface ReadMoreProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    /**
     * Content inside ReadMore.
     */
    children: React.ReactNode;
    /**
     * ReadMore header content.
     */
    header: React.ReactNode;
    /**
     * Opens component if `true`, closes if `false`.
     * Using this prop removes automatic control of open-state.
     */
    open?: boolean;
    /**
     * Initially open.
     * @default false
     */
    defaultOpen?: boolean;
    /**
     * Callback for current open-state.
     */
    onOpenChange?: (open: boolean) => void;
    /**
     * Changes font size for content.
     * @default "medium"
     */
    size?: "large" | "medium" | "small";
    /**
     * Overrides inherited color.
     *
     * We recommend only using `accent`. We have disallowed status-colors.
     * @see 🏷️ {@link AkselColor}
     * @see [📝 Documentation](https://aksel.nav.no/grunnleggende/styling/farger-tokens)
     * @private
     */
    "data-color"?: Exclude<AkselColor, AkselStatusColorRole>;
}
/**
 * ReadMore
 * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/read-more)
 * @see 🏷️ {@link ReadMoreProps}
 *
 * @example
 * <ReadMore header="Dette regnes som helsemessige begrensninger">
 *   Med helsemessige begrensninger mener vi funksjonshemming, sykdom...
 * </ReadMore>
 */
export declare const ReadMore: React.ForwardRefExoticComponent<ReadMoreProps & React.RefAttributes<HTMLButtonElement>>;
export default ReadMore;