Skip to content
Nucleus Docs

Cta

<ns-cta>
Overview Guidance Implementation

Overview

A call-to-action allows users to take action once they are ready for it.

Examples

Configure

Guidance

Implementation

Placement

The ns-cta component can be used in the following components:

  • <ns-card>
  • <ns-content>
  • <ns-form>
  • <ns-form-group>
  • <ns-landmark>
  • <ns-lockup>
  • <ns-product-card>

Specification

Attributes

href

Property
href
Type
string

loading

Property
loading
Description
Whether the CTA is in a loading state.
Type
boolean
Default
false

loading-message

Property
loadingMessage
Description
The message to display when the CTA is in a loading state. Defaults to 'Loading...'.
Type
string
Default
Loading...

disabled

Property
disabled
Type
Default
false

icon

Property
icon
Type
string
Default
arrow-right

type

Property
type
Description
The type of the CTA.
Type
direct text submit reset
Default
direct

Slots

SlotPermitted tagsDescription
Anonymous slotAnonymous slot for content.

Events

NameDescription
clickDispatched when the CTA is clicked.

This page covers most of the ways you can use ns-cta. Please reach out to us if you are unsure about a potential use. Here are some useful links to related content: