KickstarterLinks

Renders kickstarter resource links (Documentation, Demo, Installation, Source Code) with icons. Supports inline (horizontal buttons) and sidebar (vertical list) layouts.

Props

Prop	Type	Required	Default	Description
`kickstarter_links`	`object`	No	-	Links object with documentation_link, demo_link, installation_link, sourcecode_link
`kickstarter_links.documentation_link`	`Link`	No	-	Documentation link
`kickstarter_links.demo_link`	`Link`	No	-	Demo link
`kickstarter_links.installation_link`	`Link`	No	-	Installation link
`kickstarter_links.sourcecode_link`	`Link`	No	-	Source code link
`kickstarter_links.$`	`object`	No	-	CSLP mappings for each link
`layout`	`'inline' \| 'sidebar'`	No	`'inline'`	Layout mode: inline = horizontal buttons, sidebar = vertical list

Usage

1import KickstarterLinks from '@/components/molecules/KickstarterLinks';
2
3// Sidebar layout (right sidebar, matches TableOfContents style)
4<KickstarterLinks
5  kickstarter_links={kickstart.kickstarter_links}
6  layout="sidebar"
7/>
8
9// Inline layout (horizontal buttons below title)
10<KickstarterLinks
11  kickstarter_links={kickstart.kickstarter_links}
12  layout="inline"
13/>

import KickstarterLinks from '@/components/molecules/KickstarterLinks';

// Sidebar layout (right sidebar, matches TableOfContents style)
<KickstarterLinks
  kickstarter_links={kickstart.kickstarter_links}
  layout="sidebar"
/>

// Inline layout (horizontal buttons below title)
<KickstarterLinks
  kickstarter_links={kickstart.kickstarter_links}
  layout="inline"
/>

Features

Four link types: Documentation, Demo, Installation, Source Code
Icons: Uses Icons atom (description, play_arrow, arrow_outward, code)
Layout modes: Inline (flex wrap) or sidebar (vertical nav list)
CSLP support: Pass-through for Contentstack Live Preview
External links: Automatically opens in new tab with security attributes

Notes

Returns null if no kickstarter_links or all links are empty
Link type uses link.title when present, otherwise defaults to label
Used only on Kickstart page