Astro Dev Toolbar App showcasing the following built-in components:

• astro-dev-toolbar-button
• astro-dev-toolbar-badge
• astro-dev-toolbar-card
• astro-dev-toolbar-toggle
• astro-dev-toolbar-radio-checkbox
• astro-dev-toolbar-highlight
• astro-dev-toolbar-tooltip
• astro-dev-toolbar-icon

npx astro add astro-dev-toolbar-showcase

First, install the astro-dev-toolbar-showcase package:

npm install -D astro-dev-toolbar-showcase

Then, add the astro-dev-toolbar-showcase integration to your Astro config:

import { defineConfig } from "astro/config";

import showcase from "astro-dev-toolbar-showcase";

export default defineConfig({
  integrations: [showcase()],
});