# Box-link


## Examples


```html
<m-box-link href="${args.href || "#"}" .icon="${args.icon}">
      <h3 slot="title">${args.title || "Default Title"}</h3>
      ${args.description ? html`<p  slot="description">${args.description}</p>`: null }
    </m-box-link>
```

### GroupExample

```html
<m-box-link href="https://example.com/first">
      <h3 slot="title">First Item</h3>
      <p slot="description">Description for the first item</p>
    </m-box-link>
    <m-box-link href="https://example.com/second">
      <h3 slot="title">Second Item</h3>
      <p slot="description">Description for the second item</p>
    </m-box-link>
    <m-box-link href="https://example.com/third">
      <h3 slot="title">Third Item</h3>
      <p slot="description">Description for the third item</p>
    </m-box-link>
```

### CustomIcon

```html
<m-box-link href="https://example.com">
      <h3 slot="title">Custom Icon Example</h3>
      <p slot="description">This box link uses a custom icon</p>
      <m-icon slot="icon" name="file" size="xl"></m-icon>
    </m-box-link>
```