• Skip to main
  • Home
  • Doc
  • UI
  • Blog
  • Play
  • Skip to content
  • Library
    • Tokens
      • Color
      • Typography
    • Blocks
      • Button
      • Expand
      • Feedback
      • InputCheck
      • InputFile
      • InputRadio
      • InputRange
      • Magic
      • Switch
      • Toggle
    • Layouts
      • Burrito
      • Reveal
      • Sidebar
      • Stack
      • Switcher
    • Recipes
      • ButtonMenu
      • Header
      • Nav
      • RevealMenu
      • RevealNav
      • SignUp
      • ToggleMenu
  • UI
  • RECIPES

  • Header

  • Doc
  • Playbook

Usage

Use a Header component to provide main app navigation and settings controls to the user.

Related Components

  • RevealAuto component in layouts
  • Nav component in composition/navs
  • Settings component in recipes/forms

Resources

  • MDN - The Anchor Element
  • MDN - The Navigation Section Element
  • Inclusive Components - Menus & Menu buttons
Style Props
  • breakpoint
  • container
  • size
Children
  • Nav
  • Settings
State Props
  • formaction
Settings
settings

brightness

    • settings

    contrast

    • Style Props
    layout
    container

    container

    • container
    • Skip to main
    • Home
    • Doc
    About

    Made with 🩷 by @patiboh

    Want to become a better programmer?
    Join the Recurse Center!