# ContentLinkList

The ContentLinkList component provides a list of BaseLinks.

Example

Storyblok

This component exists in Storyblok too.

blok: {
  // required
  links: [
    {
      _uid: '',
      link: {
        id: '',
        url: '',
        linktype: 'story', // story | url
        fieldtype: 'multilink',
        cached_url: ''
      },
      label: '',
      component: 'BaseLink'
    }
  ]
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

# Dependencies

This component depends on other components.

# Components

# Props

Name Type Required Default Description
links Array true - List of BaseLink objects.

# Variants

None.

# Example

Good

<!-- Manually defined link to one internal and one external page -->
<ContentLinkList
  :links="[
    {
      _uid: 'asdf1234',
      link: {
        id: '1234asdf',
        linktype: 'story',
        cached_url: 'impressum'
      },
      label: 'Impressum'
    },
    {
      _uid: 'fdas4321',
      link: {
        id: '4312fdsa',
        linktype: 'url',
        cached_url: 'https://nueva.ch'
      },
      label: 'nueva'
    }
  ]"
/>

<!-- Pass data from an object -->
<ContentLinkList :links="blok.links" />
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

Bad

<!-- Use the props for passing the content.
  This Component does not have a slot. -->
<ContentLinkList>
  <li>
    <a href=''>Link</a>
  </li>
</ContentLinkList>
1
2
3
4
5
6
7