Quotes

The <ShowcaseQuote> component can be used to showcase quotes which can link to their respective sources.

Import

import { ShowcaseQuote } from 'starlight-showcases'

Usage

Specify a list of text entries to display using the entries prop. Each entry should at least specify the quote and author while an optional link to the source or author can be provided.

import { ShowcaseQuote } from 'starlight-showcases'

<ShowcaseQuote
  entries={[
    {
      quote: 'Starlight is amazing!',
      author: 'HiDeoo',
      href: 'https://github.com/HiDeoo',
    },
    {
      quote:
        'The best documentation tool!<br/><br/>Had a great experience using it for the first time.',
      author: 'HiDeoo',
      href: 'https://github.com/HiDeoo',
    },
  ]}
/>

Preview

Starlight is amazing!

HiDeoo

The best documentation tool!

Had a great experience using it for the first time.

HiDeoo

Props

The <ShowcaseQuote> component accepts the following props:

`entries`

required
type: ShowcaseQuoteCardProps[]

The list of quotes to display. See the Usage section for an example and the entry definition for more details.

Entry

Each text entry should be an object with the following properties:

`quote`

required
type: string

The quote to display in the showcase.

`author`

required
type: string

The author of the quote.

`href`

type: string

An optional link to the source or author of the quote.