Components

What are components?

From Next.JS: "Components allow you to build self-contained, reusable snippets of code. If you think of components as LEGO bricks, you can take these individual bricks and combine them together to form larger structures."

Read more about components here.


Available components

HomeButton

A small button at the top left of the screen which directs the user to the home page when they click on it.

Props: none

Children? false


LinkCard

A paragraph element which contains a title, description and a link to a website.

Props:

title: Title for the LinkCard (string),

description: Description for the LinkCard (string),

url: URL of the LinkCards link (string),

link_text: The text inside of the LinkCards link (string)

Children? false


LinkList.js

A flex div which you pass either Next.JS links, or HTML anchor tags to

Props: none

Children? true