Call to action
Section block with call to action button.
resources/js/Components/Sections/CallToAction.vue
Props
Container layout
This will define how container will be rendered.
You can select between three different layouts by passsing the prop containerLayout?: "default" | "full" | "boxed" to the component.
Default is default.
Container background
This will define the background color of container.
You can select between three different layouts by passsing the prop containerBackground?: "none" | "primary" | "inverted" to the component.
Default is inverted.
Layout
This will define the content alignment.
You can select between three different layouts by passsing the prop layout?: "centered" | "stacked" | "justified" to the component.
Default is centered.
Heading
Similar as in Heading component you can pass title, subtitle and description to render the heading.
All props are optional.
Content (slot)
Here you can define your call-to-action buttons or add any other content.