diff --git a/content/components/subhead.mdx b/content/components/subhead.mdx index 3b3636f3d..dab4af986 100644 --- a/content/components/subhead.mdx +++ b/content/components/subhead.mdx @@ -11,3 +11,51 @@ import {Link as GatsbyLink} from 'gatsby' export default ComponentLayout For subhead component guidelines, see [pagehead](/components/pagehead). + +## Usage + +On usual cases, subheadings should always have a borderline. However, there are some cases where they should be avoided. + +### Full width bordered sections + +If the heading is followed by a single full width card/section, the borderline should not be used. + + + + + Remove the borderline for the subheading. + + + + Avoid duplicating the line when a bordered section is present. + + + +### With search input or filter text + +If the heading is followed by a search input or filter text, the borderline should not be used. + + + + + + + + +