Text
Standfirst
Standfirst is an introductory paragraph in an article which summarises the article's content.
Interactive demo
This demo lets you preview the standfirst component, its variations, and configuration options.
This is a standfirst
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.
| Item | Name | Description | Component | Optional |
|---|
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
| Name | Type | Default | Description | Required |
|---|