Skip to content

Example Guide

Getting Started

Welcome to Company! Let’s get started with our platform.

Text Example

Bold Text

Italic Text

Strikethrough Text

Paragraph Example

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Heading Examples

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Unordered List Example

  • Item 1
  • Item 2

Ordered List Example

  1. Do something.
  2. Do something else.
  3. Success!

Task List Example

  • Task 1
  • Task 2

Code Example

import React from 'react';
const ExampleComponent = () => {
return <div>Hello World</div>;
};
export default ExampleComponent;

Blockquote Example

This is a blockquote example.

Image Example

HeroImage

Table Example

Column 1Column 2Column 3
Row 1Data 1Data 2
Row 2Data 3Data 4
Row 3Data 5Data 6

Tab Component Example

Build an amazing app.

Card Component Example

Card Title

Write your card content here.

Technologies

Astro, Logto, Drizzle ORM

Projects

Content website, web app, AI app

More Starlight component examples: https://starlight.astro.build/guides/components/