- Accordion
- Badge
- Breadcrumbs
- Button
- Card
- Checkbox
- Collapse
- Data table
- Data table simple
- Dropdown select
- File input
- Form message
- Modal
- Pagination
- Popover
- Progress
- Progress circle
- Radio button
- Radio cards
- Rating
- Segmented control
- Skeleton
- Slider
- Support
- Tabs
- Textarea
- Text input
- Toggle
- Tooltip
- Verification code
- Video
- View more
Support card
Default
We’re here to help
Our Energy Advisors provide expert, unbiased energy advice at no cost to you. No annoying sales pitches, and no spam calls.
With secondary CTA
We’re here to help
Our Energy Advisors provide expert, unbiased energy advice at no cost to you. No annoying sales pitches, and no spam calls.
Constrained
The constrained prop is set to demonstrate a limited-width container. There are no differences on mobile viewports from the default example.
We’re here to help
Our Energy Advisors provide expert, unbiased energy advice at no cost to you. No annoying sales pitches, and no spam calls.
EsSupportCard props
- Name
constrained
- Type
Boolean
- Default
false
- Description
- When set to `true`, reduces padding on desktop viewports to better accommodate a limited-width layout.
- Name
imageAltText
- Type
String
- Default
''
- Description
- The alternate text for the image. Used by default unless content is supplied to the `image` slot.
- Name
imageSrc
- Type
String
- Default
''
- Description
- The URL of the image to display. Used by default unless content is supplied to the `image` slot.
- Name
primaryCtaTarget
- Type
String
- Default
'_blank'
- Description
- Controls whether or not the link should open in a new window. Defaults to opening in a new window.
- Name
primaryCtaText
- Type
String
- Default
- n/a
- Description
- Required. The text for the primary CTA button.
- Name
primaryCtaUrl
- Type
String
- Default
- n/a
- Description
- Required. The URL to which the primary CTA button should link.
- Name
secondaryCtaTarget
- Type
String
- Default
'_blank'
- Description
- Controls whether or not the link should open in a new window. Defaults to opening in a new window.
- Name
secondaryCtaText
- Type
String
- Default
''
- Description
- The text for the secondary CTA button, if any.
- Name
secondaryCtaUrl
- Type
String
- Default
''
- Description
- The URL to which the secondary CTA button (if any) should link.
EsSupportCard slots
- Name
headline
- Default
- n/a
- Description
- The content to insert into the card's heading.
- Name
image
- Default
<nuxt-img>
- Description
- Optional. Replaces the default <nuxt-img> tag that uses the `imageSrc` and `imageAltText` props. Allows full customization of the image component used.
- Name
description
- Default
- n/a
- Description
- The content to display in the card's main paragraph.