Titles are text components, used to apply visual and semantic hierarchy to the contents of a page.
Install the component via terminal.
$ yarn add @nimbus-ds/title
$ npm install @nimbus-ds/title
The Title is a text component, used to apply visual and semantic hierarchy to the contents of a page.
This component has two levels of hierarchy, semantic and visual, both work independently and can be combined with each other.
The semantic hierarchy is applied through Html tags (h1, h2, h3, h4, h5 and h6), they serve to delimit sections of content for web browsers, plugins and assistive technologies, so we must take into account that h1 has the highest hierarchical level and h6 the lowest.
These classifications can be combined to delimit sections and subsections of content as needed, for more information see W3 Headings Recommendations.
The visual hierarchy is applied through our typographic tokens, which can increase or decrease the prominence of certain titles or subtitles, without interfering with semantic issues.
We use Title to title and subtitle screens, pages, text blocks, sections or other components, employing visual and semantic hierarchy.
Text Component - Used for running text, paragraphs or sentences.
View docs here.