Breakpoints

A breakpoint "monitor" to show active tailwind breakpoints.
Make sure to add the following to the content paths array in your tailwind config:
'./node_modules/@eirikk/sveltekit-stuff/**/*.{html,js,svelte,ts}'

Example

svelte
<script>
 import { Breakpoints } from '@eirikk/components/Breakpoints.svelte';
</script>

<Breakpoints class="fixed top-0 right-0" xs />

Demo

Resize your browser window to test this

sm
md
lg
xl
2xl
NPM version