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

React components from the Norwegian Labour and Welfare Administration.

import React, { HTMLAttributes } from "react";
import InternalHeaderButton, { InternalHeaderButtonProps } from "./InternalHeaderButton.js";
import InternalHeaderTitle, { InternalHeaderTitleProps } from "./InternalHeaderTitle.js";
import InternalHeaderUser, { InternalHeaderUserProps } from "./InternalHeaderUser.js";
import InternalHeaderUserButton, { InternalHeaderUserButtonProps } from "./InternalHeaderUserButton.js";
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: typeof InternalHeaderTitle;
    /**
     * @see 🏷️ {@link InternalHeaderUserProps}
     */
    User: typeof InternalHeaderUser;
    /**
     * @see 🏷️ {@link InternalHeaderButtonProps}
     * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
     */
    Button: typeof InternalHeaderButton;
    /**
     * @see 🏷️ {@link InternalHeaderUserButtonProps}
     * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
     */
    UserButton: typeof InternalHeaderUserButton;
}
/**
 * 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>
 *  <ActionMenu>
 *   <ActionMenu.Trigger>
 *    <InternalHeader.Button>
 *      <MenuGridIcon title="MenuGridIconer og oppslagsverk" />
 *    </InternalHeader.Button>
 *   </ActionMenu.Trigger>
 *  </ActionMenu>
 * </InternalHeader>
 * ```
 */
export declare const InternalHeader: InternalHeaderComponent;
export default InternalHeader;
export { InternalHeaderTitle, InternalHeaderUser, InternalHeaderButton, InternalHeaderUserButton, };
export type { InternalHeaderProps, InternalHeaderTitleProps, InternalHeaderUserProps, InternalHeaderButtonProps, InternalHeaderUserButtonProps, };