Skip to content

A small Astro Dev Toolbar app to display the current viewport size as a tailwind class.

Notifications You must be signed in to change notification settings

BryanSchuetz/astro-breakpoints

 
 

Repository files navigation

Astro Breakpoints

Astro Breakpoints

Astro Breakpoints is a dumb little Astro Dev Toolbar App that displays the size of the current viewport—as a tailwind class. I always find it helpful when working on a site to be able to quickly see which Tailwind breakpoint is currently active, maybe you do too?

Installation

To install Astro Breakpoints, run the following command with your preferred package manager:

npx astro add astro-devtool-breakpoints

Usage

import { defineConfig } from "astro/config";

import astroBreakpoints from "astro-devtool-breakpoints";

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

Configuration

You get what you get, and you don't get upset.

About

A small Astro Dev Toolbar app to display the current viewport size as a tailwind class.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 100.0%