Components

Header

<Header />

The Header component is a base for all headers.

Usage

import { H1, H2, H3, H4, H5, H6 } from '@admin-bro/design-system'

// or

import { Header } from '@admin-bro/design-system'
// Header.H1

By default, the Heading component renders H3 element.

Example

This is how headers looks

See:

View Source admin-bro-design-system/src/atoms/typography/header.tsx, line 93

Type Definitions

object

# HeaderProps

Prop Types of an Header components. Apart from all props for a standard hx elements it extends TypographyProps and SpaceProps

Properties:
Name Type Attributes Description
... string <optional>

Other props from TypographyProps, SpaceProps

View Source admin-bro-design-system/src/atoms/typography/header.tsx, line 109

SoftwareBrothers

Proudly built and maintained by SoftwareBrothers

Software House with a passion for both JavaScript and TypeScript.

See what we do See what we believe in

Proudly built and maintained by

SoftwareBrothers