Site Header Simple
Anatomy
Usage Guidelines
This component is used for displaying the navigation of LP sites. This can include the dialog component.
Accessibility
It is important that all text and link colors have enough contrast ratio compare to the background color.
Specifications
Properties
Property | Type | Description | Required | Default |
---|---|---|---|---|
logo | integer | WordPress image ID | Yes | - |
link | string | Simple inline markup that usually contains an anchor. | No | - |
link_desc | string | Text that goes just before link | No | - |
Changelog
1.26.0 (2021-10-22)
- fix: remove
color: inherit
from link (0e998d6)
1.21.1 (2021-06-16)
1.10.0
- site-header-simple added
Examples
Default
{{ include( 'components/site-header-simple.twig', { logo: "badge-placeholder.svg" link: "<a href='#'>example@email.address</a>" } ) }}
Phone Example
{{ include( 'components/site-header-simple.twig', { logo: "badge-placeholder.svg" link_desc: "Call Us" link: "<a href='#'>(555) 555-5555</a>" } ) }}