Lines
Install
$ yarn add @guardian/src-ed-lines @guardian/src-foundations
or
$ npm i @guardian/src-ed-lines @guardian/src-foundations
Use
import { Lines } from '@guardian/src-ed-lines';
const Section = () => (
<>
<Lines count={8} />
<Lines effect="squiggly" />
<Lines count={4} effect="dotted" colour="blue" />
</>
);
Lines
Props
effect
"straight" | "squiggly" | "dotted" | "dashed"
= "straight"
The appearance of the lines.
count
1 | 4 | 8
= 4
How many lines appear.
color
string
= line.primary
The colour of the lines