Link

A link component is an essential element in web development that allows users to navigate between pages, sections, or external resources.

You can of course add a link within any text component, however this dedicated link component gives it a more polished, purposeful look.

The link element can also be styled with an icon, using the in-built font "Awesome Icons"

Key Features

• Navigation – Links help users move between different pages on a website or to external sites.
• Multiple Destinations – Can link to internal pages, external websites, email addresses, or downloadable files.
• Custom Styling – Links can be styled with CSS to change colour, size and more.

Examples

• Basic HTML Link - A simple hyperlink to another webpage.
• Internal Page Link - Linking to another page within your Mition site.
• Linking to a Section on the same page - Using an anchor link to scroll to a specific section.
• Email and Phone Links - Creating clickable links for email and phone numbers.
• Download a File - Creating a link to download a file.

Component Example

This is a link that directs back to this page.

We have used a 6 column element with Aqua styling.

This link directs you back to the top of the page using an anchor link.

We have also changed the icon to show an arrow pointing up.

This is a link to send an email. You could use a link like this on your contact page.