Components - Page Header
Header sizing 1 main and 3 optional sizes
Page Header - Large
Page Header - Default
Page Header - Small
Page Header - Mini
Header styling Basic styling options
Page Header - Transparent Transparent background color
Page Header - Transparent Transparent background color
Page Header - Filled Light grey background color
Page Header - Filled Light grey background color
Header subtitles Page header subtitle options
Header - Styled Default inline subtitle
Header - Styled Custom block subtitle
Default page header Default inline subtitle
Default page header Custom block subtitle
Optional borders Custom styled horizontal borders
Page - Header
Basic bottom
border with custom color
Page - Header
Large bottom
border with custom color
Page - Header
Basic top
border with custom color
Page - Header
Large top
border with custom color
Page title sizing
Usage of headings
in page title
H1 - Heading
H3 - Heading
H5 - Heading
H2 - Heading
H4 - Heading
H6 - Heading
Header elements Components adjusted for page header
Page - Header Basic button, available in 3 sizes
Page - Header Icon button, available in 3 sizes
Page - Header Icon button with dropdown
Page - Header Simple text input field
Page - Header Input field with left icon
Page - Header Basic select, available in all sizes
Page - Header Input group with icon
Page - Header Multiple select component
Page - Header Right positioned toggle
Page - Header Right positioned checkboxes
Page - Header Right positioned radios
Page - Header Custom daterange picker layout
Page - Header Progress bar, available in all sizes
Page - Header Simple text, link and label
Plain text, link, Label or 89 badge
Page - Header Button with dropdown menu
Page - Header Segmented button dropdown
Page - Header Labeled button with icon
Page - Header Floating buttons with text
Page - Header Search input with icon
Page - Header Input field with right icon
Page - Header Select2 select, available in all sizes
Page - Header Input group with button dropdown
Page - Header Styled single file input
Page - Header Left positioned toggle
Page - Header Left positioned checkboxes
Page - Header Left positioned radios
Page - Header Basic daterange picker
Page - Header Simple content with icon
Processing...