ShadcnUI.Components.Navigation.Header (shadcn_ui v1.0.0)

Copy Markdown View Source

A responsive native header composition for caller-owned page regions.

Header arranges optional brand, primary navigation, utilities, and actions without inventing headings, navigation names, destinations, commands, or application state. Sticky presentation is a CSS snapshot with normal-flow fallback.

Summary

Functions

header(assigns)

Renders a native header around optional caller-owned semantic regions.

Functions

header(assigns)

Renders a native header around optional caller-owned semantic regions.

Attributes

  • width (:atom) - Defaults to :contained. Must be one of :full, :contained, or :narrow.
  • density (:atom) - Defaults to :default. Must be one of :compact, :default, or :comfortable.
  • wrap (:atom) - Defaults to :responsive. Must be one of :wrap, :nowrap, or :responsive.
  • border (:atom) - Defaults to :bottom. Must be one of :none, :bottom, or :all.
  • presentation (:atom) - Defaults to :static. Must be one of :static, or :sticky.
  • class (:any) - Defaults to nil.
  • Global attributes are accepted.

Slots

  • brand - Accepts attributes:
    • class (:any)
    • rest (:map)
  • primary_navigation - Accepts attributes:
    • class (:any)
    • rest (:map)
  • utilities - Accepts attributes:
    • class (:any)
    • rest (:map)
  • actions - Accepts attributes:
    • class (:any)
    • rest (:map)