Showcases

Starlight Showcases is a Starlight component library that offers a variety of showcase items that can be added to MDX content:

1. Call To Action (CTA)
2. Text
3. Images
4. YouTube videos
5. Quotes
6. Profiles

Example

The following MDX code:

import { ShowcaseYouTube } from 'starlight-showcases'

<ShowcaseYouTube
  entries={[
    {
      href: 'https://www.youtube.com/watch?v=5u0Ds7wzUeI',
      title: 'Starlight by Astro',
    },
    {
      href: 'https://www.youtube.com/watch?v=TtRtkTzHVBU',
      title: 'The Astro Community',
    },
  ]}
/>

will render:

Play

Starlight by Astro

Play

The Astro Community

Enabling Showcases

When you choose Showcases as an option, the starlight-showcases dependency is added to the Starlight project.