# Link Group

<div class="not-content sl-bejamas-component-preview flex justify-center px-4 md:px-10 py-12 border border-border rounded-t-lg min-h-72 items-center">
<LinkGroup> <LinkGroupTitle>{"Company"}</LinkGroupTitle> <LinkGroupList> <LinkGroupItem><a href="/">{"Home"}</a></LinkGroupItem> <LinkGroupItem><a href="#">{"About"}</a></LinkGroupItem> </LinkGroupList> </LinkGroup>
</div>

```astro
---
---

<LinkGroup>
  <LinkGroupTitle>Company</LinkGroupTitle>
  <LinkGroupList>
    <LinkGroupItem><a href="/">Home</a></LinkGroupItem>
    <LinkGroupItem><a href="#">About</a></LinkGroupItem>
  </LinkGroupList>
</LinkGroup>
```

## Installation

<DocsTabs syncKey="pkg">
  <DocsTabItem label="bun">
  ```bash
  bunx bejamas add link-group
  ```
  </DocsTabItem>
  <DocsTabItem label="npm">
  ```bash
  npx bejamas add link-group
  ```
  </DocsTabItem>
  <DocsTabItem label="pnpm">
  ```bash
  pnpm dlx bejamas add link-group
  ```
  </DocsTabItem>
  <DocsTabItem label="yarn">
  ```bash
  yarn dlx bejamas add link-group
  ```
  </DocsTabItem>
</DocsTabs>

## Usage

```astro nocollapse
---
---

<LinkGroup>
  <LinkGroupTitle>Company</LinkGroupTitle>
  <LinkGroupList>
    <LinkGroupItem><a href="/">Home</a></LinkGroupItem>
  </LinkGroupList>
</LinkGroup>
```

## Props

| Prop | Type | Default |
|---|---|---|
| <code>class</code> | `string` | `""` |