Nav CTA card

This CTA card is designed for a width-limited environment such as inside a mobile nav menu or a multi-column desktop nav menu. It can link to any URL and can take any of our icons.

Basic example

Get an instant quote

Free, personalized solar quotes that’ll save you thousands

Plan energy recommendations

See energy recommendations for your home with just an address

No subtitle

Get a home battery installed

No icon

Get an instant quote

Free, personalized solar quotes that’ll save you thousands

Get an instant quote

EsNavCtaCard props

Name: heading

Type: String

Default: n/a

Description: Required. The primary heading of the CTA card.

Name: href

Type: String

Default: n/a

Description: Required. The URL to which the CTA card should go.

Name: subtitle

Type: String

Default: ''

Description: Descriptive text to appear underneath the heading.

Name: target

Type: String

Default: '_self'

Description: Indicates whether or not the link should open in a new window. By default, it will open in the same window. To open in a new window, pass '_blank'.