QuickLink

A custom component to create a collection of links with additional information.

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.

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

Choose components

Transform your data into the app you need

Invite users

Add your team, invite users and set permissions

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

Last updated a year ago
Scroll to top
Was this article helpful?