From a3a494f29f3f737c9a97c3714c1e650187254d4a Mon Sep 17 00:00:00 2001 From: Eric Liu Date: Sun, 20 Apr 2025 14:50:41 -0700 Subject: [PATCH] docs(breakpoint): improve docs --- docs/src/pages/components/Breakpoint.svx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/src/pages/components/Breakpoint.svx b/docs/src/pages/components/Breakpoint.svx index 134d7a76..c4245ae1 100644 --- a/docs/src/pages/components/Breakpoint.svx +++ b/docs/src/pages/components/Breakpoint.svx @@ -1,12 +1,12 @@ -The [Carbon Design System grid implementation](https://carbondesignsystem.com/guidelines/2x-grid/implementation#responsive-options) defines five responsive breakpoints: +The Carbon Design System [grid implementation](https://carbondesignsystem.com/guidelines/2x-grid/implementation#responsive-options) defines five responsive breakpoints: Small: less than 672px @@ -28,8 +28,8 @@ The `"on:change"` event will fire when the size is initially determined and when ## Store and Breakpoint Values -As an alternative to the component, `breakpointObserver` can be used to get the current size as a Svelte store. The store has two additional functions which create derived stores that return a `boolean` indicating whether the size is smaller/larger than a certain breakpoint. +Use `breakpointObserver` as an alternative to the component to get the current size as a Svelte store. The store provides two additional functions that create derived stores returning a `boolean` indicating whether the size is smaller/larger than a certain breakpoint. -There also exists a `breakpoints` dictionary mapping from `BreakpointSize` to `BreakpointValue`. +Access the `breakpoints` dictionary to map from `BreakpointSize` to `BreakpointValue`.