RFC: Divider

[oliverlloyd]

Divider

A component to insert an hr tag. A version of this already exists in DCR.

Props

type Props = {
	size?: 'full' | 'partial'; // Full width or limited to 150px
	spaceAbove?: 'tight' | 'loose'; // margin-top at ${space[6]}px or ${space[12]}px
	text?: 'string'; // Text to centre inside the line (eg.: ---- or ---- )
};

Examples

With text

Full

Partial

[oliverlloyd]

Here's a propsal for a Divider component in Identity

[dom-whooley]

Adding page url's where centred text divider is featured:

• https://profile.theguardian.com/signin

[oliverlloyd]

This is now a PR here