header

v0.0.4arrow_drop_down
v0.0.4
v0.0.3
v0.0.2
v0.0.1
STATUS
None
DOWNLOADS
1,316
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
11 months ago
SIZE
7 KB
3 contributors
Install header as a package?
Copied
npm i @bit/campgladiator.cgui.components.molecules.header
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
toggle layout
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right

Header

Header component is used to show the headers in websites.

Default

Default Header just contains the header with background color.

Bordered

Header will have the thin border line below the header component.

Fixed

Header will be always visible and will be tied to the viewport.

With Content

Header with content is used to render any element inside the header.

With Brand

Brand is used to show the branding logo on the header. Brand can also use the React Router Link component.

With Steps

Steps is used to show the steps progress in header along with progress bar.

Properties
NameTypeDefault value
className
string
bordered
boolfalse
fixed
boolfalse
children
node
Help and resources