Buttons

A button can be used for interactive actions like submitting forms, triggering events, or linking to other pages.

 

Key Features
  • Various Styles: Buttons come in different colours (e.g., primary, danger, success) to indicate different actions.
  • Sizes: Can be resized (small, large) 
  • Responsive: Adjusts to various screen sizes effortlessly.

 

Examples
  • Form Submission: Use buttons to submit forms or trigger form actions.
  • Navigation: Create buttons that link to different pages or sections.
Example Button
Variations

You can change the custom styles, and create your own to suit your branding and style.

Lavender Coloured Button
Mint Colour Button
Orange Colour Button

Lavender coloured button, column margin auto both left and right using mx-auto Custom Class, and an animate-hide animate-fading on scroll animation.

Mint coloured button, text aligned left with text-left Custom Class and an animate-hide animate-left on scroll animation.

Orange coloured button, text aligned right with text-right Custom Class and an animate-hide animate-right on scroll animation.


Call to Action

A call to action (CTA) is designed to prompt users to take a specific action, such as signing up, purchasing a product, or downloading a resource. You can change the width, custom styles and the header and body text are both full WYSIWY...

Read More