Skip to content
My Docs
Blog

utils

1 post with the tag “utils”

Supercharge Starlight with Starlight Utils

My Name
Content Creator

starlight-utils is a Swiss Army knife collection of components and utilities to enhance your documentation pages with common UI patterns.

Included Components

Section titled “Included Components”

It bundles several useful components that you would otherwise have to build yourself:

  • Card Grids with Icons: Enhanced display options.
  • Link Cards: Better visual links to other pages.
  • Timeline: Visual representation of chronological events.
  • Code Group: Group related code blocks (e.g., for different package managers).

Getting Started

Section titled “Getting Started”
Terminal window
npm install @lorenzolewis/starlight-utils

Usage in MDX:

import { Timeline, TimelineItem } from '@lorenzolewis/starlight-utils';


<Timeline>
  <TimelineItem date="2024-01-01" title="Launched">
    We released version 1.0!
  </TimelineItem>
  <TimelineItem date="2024-02-01" title="Update">
    Added more features.
  </TimelineItem>
</Timeline>

It’s a great way to add visual variety to your docs without heavy custom development.