other Canvas tab references
This commit is contained in:
parent
5e2d76894b
commit
6082b4a73b
3 changed files with 1 additions and 5 deletions
|
|
@ -17,7 +17,7 @@ If you want to skip certain block widths entirely, you can add one or more class
|
|||
</Block>
|
||||
```
|
||||
|
||||
This is probably easier to see in action than explain in words, so check out the "Canvas" tab for the demo below and resize the window to get a better picture of how it all works.
|
||||
This is probably easier to see in action than explain in words, so resize the window to get a better picture of how it all works.
|
||||
|
||||
> **NOTE:** The snap width breakpoints only work on `Block` components with widths `wider` and below. `widest` and `fluid` are both **always** fluid, since they go edge-to-edge.
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
The `Scroller` component helps you quickly create basic scrollytelling graphics with several layout options.
|
||||
|
||||
Check out the "Canvas" tab to play with the layout options available on this component.
|
||||
|
||||
> This component is designed to handle most common layouts for scrollytelling. If you need something more complex, though, you should probably use [svelte-scroller](https://github.com/sveltejs/svelte-scroller), which is a lower level component you can more easily customize.
|
||||
|
||||
```svelte
|
||||
|
|
|
|||
|
|
@ -1,7 +1,5 @@
|
|||
Reuters dotcom site header, ported from [Raptor UI components](https://github.com/tr/rcom-arc_raptor-ui/tree/develop/packages/rcom-raptor-ui_common/src/components/site-header).
|
||||
|
||||
(Go to the "[Canvas](./?path=/story/components-siteheader--default)" tab to see this component better. It'll look a bit broken below... but it's NOT!)
|
||||
|
||||
> **Note:** In the Graphics Kit, you can find this component in `pages/+page.svelte`. Customise it there for the default page.
|
||||
|
||||
```svelte
|
||||
|
|
|
|||
Loading…
Reference in a new issue