Link Group

Open in GitHub

Open in Figma

A group of related links with optional title for navigation or footer sections.

Company

Home
About

1
---
2
import { LinkGroup, LinkGroupItem, LinkGroupList, LinkGroupTitle } from '@bejamas/ui/components/link-group';
3
---
4

5
<LinkGroup>
6
  <LinkGroupTitle>Company</LinkGroupTitle>
7
  <LinkGroupList>
8
    <LinkGroupItem><a href="/">Home</a></LinkGroupItem>
9
    <LinkGroupItem><a href="/about">About</a></LinkGroupItem>
10
  </LinkGroupList>
11
</LinkGroup>

Installation

bunx bejamas add link-group

npx bejamas add link-group

pnpm dlx bejamas add link-group

yarn dlx bejamas add link-group

Usage

1
---
2
import { LinkGroup, LinkGroupTitle, LinkGroupList, LinkGroupItem } from '@bejamas/ui/components/link-group';
3
---
4

5
<LinkGroup>
6
  <LinkGroupTitle>Company</LinkGroupTitle>
7
  <LinkGroupList>
8
    <LinkGroupItem><a href="/">Home</a></LinkGroupItem>
9
  </LinkGroupList>
10
</LinkGroup>