Header component is used to show the headers in websites.
Default Header just contains the header with background color.
Header will have the thin border line below the header component.
Header will be always visible and will be tied to the viewport.
Header with content is used to render any element inside the header.
Brand is used to show the branding logo on the header. Brand can also use the React Router Link component.
Steps is used to show the steps progress in header along with progress bar.