@navikt/ds-react/cjs/internal-header/InternalHeader.d.ts

React components from the Norwegian Labour and Welfare Administration.

import React, { HTMLAttributes } from "react";
import { OverridableComponent } from "../util/types";
import { InternalHeaderButtonProps } from "./InternalHeaderButton";
import { InternalHeaderTitleProps } from "./InternalHeaderTitle";
import { InternalHeaderUserProps } from "./InternalHeaderUser";
import { InternalHeaderUserButtonProps } from "./InternalHeaderUserButton";
export interface InternalHeaderProps extends HTMLAttributes<HTMLElement> {
    children: React.ReactNode;
}
interface InternalHeaderComponent extends React.ForwardRefExoticComponent<InternalHeaderProps & React.RefAttributes<HTMLElement>> {
    /**
     * @see 🏷️ {@link InternalHeaderTitleProps}
     * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
     */
    Title: OverridableComponent<InternalHeaderTitleProps, HTMLAnchorElement>;
    /**
     * @see 🏷️ {@link InternalHeaderUserProps}
     */
    User: React.ForwardRefExoticComponent<InternalHeaderUserProps & React.RefAttributes<HTMLDivElement>>;
    /**
     * @see 🏷️ {@link InternalHeaderButtonProps}
     * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
     */
    Button: OverridableComponent<InternalHeaderButtonProps, HTMLButtonElement>;
    /**
     * @see 🏷️ {@link InternalHeaderUserButtonProps}
     * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
     */
    UserButton: OverridableComponent<InternalHeaderUserButtonProps, HTMLButtonElement>;
}
/**
 * Simple Header for internal pages and systems.
 *
 * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/i-header)
 * @see 🏷️ {@link InternalHeaderProps}
 *
 * @example
 * ```jsx
 * <InternalHeader>
 *   <InternalHeader.Title as="h1">Sykepenger</InternalHeader.Title>
 *   <Spacer />
 *   <InternalHeader.User name="Ola Normann"  />
 * </InternalHeader>
 * ```
 * @example
 * ```jsx
 * <InternalHeader >
 *  <InternalHeader.Title href="/#home">Tittel med lenke</InternalHeader.Title>
 *  <Dropdown>
 *    <InternalHeader.Button
 *      as={Dropdown.Toggle}
 *    >
 *      <MenuGridIcon title="MenuGridIconer og oppslagsverk" />
 *    </InternalHeader.Button>
 *    <Dropdown.Menu />
 *  </Dropdown>
 * </InternalHeader>
 * ```
 */
export declare const InternalHeader: InternalHeaderComponent;
export default InternalHeader;