Skip to content
This repository was archived by the owner on Dec 17, 2024. It is now read-only.

Latest commit

 

History

History
40 lines (30 loc) · 849 Bytes

File metadata and controls

40 lines (30 loc) · 849 Bytes

Page title

This component acts as a title for the main page content. It is designed to accomodate the page breadcrumbs, and can contain an optional background image.

For a top-of-page component with more visual impact, see il-hero.

<il-page-title>
  <h1>Graduate Programs</h1>
</il-page-title>

[screenshot]

Adding breadcrumbs

An il-nav component can be used for page breadcrumbs:

<il-page-title>
  <il-nav slot="breadcrumbs">
    <ul>
      <li><a href="/">Home</a></li>
      <li><a href="/programs">Programs</a></li>
      <li>Graduate Programs</li>
    </ul>
  </il-nav>
</il-page-title>

[screenshot]

Adding a background image

<il-page-title>
  <img src="background.png" alt="" slot="background">
  <h1>Graduate Programs</h1>
</il-page-title>