@guardian/src-ed-lines NPM | npm.io

3.9.0 • Published 4 years ago

Install

Weekly downloads

70

License

Apache-2.0

Repository

Last release

4 years ago

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

@guardian/src-helpers

@everything-registry/sub-chunk-378 @guardian/automat-components @infinitebrahmanuniverse/nolb-_gua

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago