From cc9952090adff114eb89b1e57109f2d29c00ca71 Mon Sep 17 00:00:00 2001 From: Aris Acoba Date: Fri, 25 Aug 2023 21:55:05 +0800 Subject: [PATCH] POC: Subheadings usage --- content/components/subhead.mdx | 48 ++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) 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. + + + + + + + + +