Newskit Logo

Getting started

Design overview

Popular searches

View GitHub

Text

Standfirst

Standfirst is an introductory paragraph in an article which summarises the article's content.

Status

Supported

Introduced

v0.16.0

View codeView Storybook

Interactive demo

This demo lets you preview the standfirst component, its variations, and configuration options.

This is a standfirst

As
1import React from 'react';
2import { Standfirst } from 'newskit';
3
4export default () => (
5  <Standfirst as="h1">This is a standfirst</Standfirst>
6);
7

Anatomy

Standfirst contains one required element.

ItemNameDescriptionComponentOptional

Options

The standfirst has options for different use cases:

Heading level

The standfirst defaults to a <h2> but this can be changed to fit the semantic order.

Heading level

The standfirst defaults to a <h2> but this can be changed to fit the semantic order.

Usage

The following guidance describes how and when to use the standfirst component appropriately.

Do use larger or bolder type than paragraph text

Give the standfirst visual prominence to attract user attention to the article.

API

Standfirst
NameTypeDefaultDescriptionRequired

Need Help?

Cant find what you are looking for?

Get In Touch

Need Help?

Cant find what you are looking for?