Application Interface
Add a header

Add a header


You would like to add a persistent page header to one or more pages of your application.


  1. In the Pages panel in the top-left, select the Page you’d like to update
  2. Scroll down to the Header & Footer panel and find the Header component selector
  3. Choose from an existing Component or create a new one
  4. Repeat for each page you’d like your header to be on


::component {
  backdrop-filter: blur(16px);

See also