mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
24 lines
542 B
Svelte
24 lines
542 B
Svelte
<script lang="ts">
|
|
import { Breakpoint, breakpointObserver, breakpoints } from "../types";
|
|
import type { BreakpointProps } from "../types/Breakpoint/Breakpoint.svelte";
|
|
|
|
let size: BreakpointProps["size"];
|
|
|
|
const sizeObserver = breakpointObserver();
|
|
const smaller = sizeObserver.smallerThan("md");
|
|
const larger = sizeObserver.largerThan("md");
|
|
</script>
|
|
|
|
{smaller}
|
|
{larger}
|
|
{breakpoints.md}
|
|
|
|
<Breakpoint
|
|
bind:size
|
|
let:size="{currentSize}"
|
|
on:change="{(e) => {
|
|
console.log(e.detail);
|
|
}}"
|
|
>
|
|
{currentSize}
|
|
</Breakpoint>
|