This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@guardian/src-ed-lines

Lines

📣 For more context and visual guides relating to lines usage, visit the Source Design System website

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