QuickLink

The QuickLink and QuickLinks components are used to create a collection of links with additional information such as title, description, and an optional image or icon.

QuickLink

The QuickLink component is used to create a single link. It accepts the following props:

• href: The URL that the link points to.
• title: The title of the link.
• description: (optional) A brief description of the link.
• size: (optional) The size of the heading. Default is "h3".
• image: (optional) A URL of an image to display with the link.
• icon: (optional) An icon to display with the link.

Here is an example of how to use the QuickLink component:

1<QuickLink
2	href="/getting-started/quick-start"
3	title="Quickstart Guide"
4	description="Jump right in and get started"
5/>

Examples

QuickLinks

The QuickLinks component is a container for multiple QuickLink components. It accepts a size prop that determines the size of the headings in the QuickLink components. The size can be "sm", "md", or "lg".

Here is an example of how to use the QuickLinks component:

1<QuickLinks size="md">
2	<QuickLink
3		href="/getting-started/quick-start"
4		title="Quickstart Guide"
5		description="Jump right in and get started"
6	/>
7	{/* More QuickLink components can be added here */}
8</QuickLinks>

Examples