mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
52eff3c5a8* docs(data-table): add "Expandable and selectable" example * docs(data-table): add "Batch selection" example * docs(data-table): rework "Batch selection with initial selected rows" example * docs(data-table): rework selectable examples to include selectedRowIds * docs: remove extra space from pre tags
26 lines
466 B
Svelte
26 lines
466 B
Svelte
<script>
|
|
import { Breakpoint } from "carbon-components-svelte";
|
|
|
|
let size;
|
|
let events = [];
|
|
</script>
|
|
|
|
<Breakpoint bind:size on:change="{(e) => (events = [...events, e.detail])}" />
|
|
|
|
<p>Resize the width of your browser.</p>
|
|
<h6>Breakpoint size</h6>
|
|
<h1>{size}</h1>
|
|
|
|
<h6>on:change</h6>
|
|
<pre>{JSON.stringify(events, null, 2)}</pre>
|
|
|
|
<style>
|
|
p,
|
|
h1 {
|
|
margin-bottom: var(--cds-spacing-08);
|
|
}
|
|
|
|
h6 {
|
|
margin-bottom: var(--cds-spacing-03);
|
|
}
|
|
</style>
|