wires/hypnagaga
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Article docs

Browse source
This commit is contained in:
Jon McClure 2023-09-20 18:31:09 +01:00
parent 758e24c1b2
commit 5e2d76894b
2 changed files with 2 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Article/stories/docs/component.md
View file

@ -7,7 +7,7 @@ The `Article` component contains all the content of our story and also establish
import { Article } from '@reuters-graphics/graphics-components';
</script>
<article>
<Article>
<!-- The story stuff goes in here! -->
</article>
</Article>
```

2
src/components/Article/stories/docs/customWellWidths.md
View file

@ -8,8 +8,6 @@ The `Article` component also creates several column dimensions inside our articl
- `widest` Edge-to-edge, but _excluding_ the left and right padding on `Article`
- `fluid` Fully edge-to-edge
(Check out the below demo in the "Canvas" tab to better see the wider differences.)
When combined with the `Block` component, you can set custom column widths by passing an object to the `columnWidths` prop with pixel values for the `narrower`, `narrow`, `normal`, `wide` and `wider` column widths.
> **For most pages, you shouldn't customise the column widths.** Other tools, like our AI templates, use our default column widths, so customising those widths here has downstream consequences for graphics made outside your code. The main exception is SREP stories.