• Getting Started
  • Components
  • Github
  • Go pro
energyGetting started
  • Introduction
dComponents
  • Button Components
  • Grid Components
  • Input Components
  • Layout Components
  • Toast Components
  • Widget Components
  • Alert
  • Badge
  • Breadcrumb
  • Callout
  • Card
  • Carousel
  • Charts
  • Collapse
  • CreateElement
  • DataTable
  • Dropdown
  • ElementCover
  • Embed
  • Fade
  • Form
  • Icon
  • Img
  • Jumbotron
  • Link
  • ListGroup
  • Media
  • Modal
  • Nav
  • Navbar
  • Pagination
  • Popover
  • Progress
  • Spinner
  • Switch
  • Tabs
  • Toggler
  • Tooltip

Layout Components

CoreUI grid components.




Header


Full Description

  • CHeader

# Header API

NameRequiredTypeDefault Value
tag(Function | string)header
main HTML tag name
classNamestring
user classes for the main HTML tag
childrenany
main tag content
innerRef(object | Function | string)
ref to the main tag
fixedbooleantrue
fixed type
withSubheaderboolean
for header with subheader
colorSchemestringlight
header color



Subheader


# Subheader API

NameRequiredTypeDefault Value
taganydiv
main HTML tag name
classNamestring
user classes for the main HTML tag
innerRef(object | Function | string)
ref to the main tag



Sidebar


Full Description

  • CSidebar

# Sidebar API

NameRequiredTypeDefault Value
childrenany
children components
classNamestring
user classes for the main HTML tag
innerRef(object | Function | string)
ref to the main tag
fixedbooleantrue
set fixed type of sidebar
unfoldableboolean
set unfoldable type of sidebar
overlaidboolean
set overlaid type of sidebar
breakpoint(false | | sm | md | lg | xl)lg
set sidebar breakpoint
minimizeboolean
show minimize verson of sidebar
show(true | false | responsive)responsive
show/hide the sidebar
size(sm | lg | xl)
set the size of sidebar
hideOnMobileClickbooleantrue
determine the hide effect on mobile
asideboolean
set the type to aside
colorSchemestringdark
color scheme
dropdownMode(openActive | close | closeInactive | noAction)
set dropdown effect
onShowChangeFunction
on show state change callback
onMinimizeChangeFunction
on minimize change callback



Footer


# Footer API

NameRequiredTypeDefault Value
tag(Function | string)footer
main HTML tag name
childrenany
children components
classNamestring
user classes for the main HTML tag
innerRef(object | Function | string)
ref to the main tag
fixedbooleanfalse
set fixed type

  • Components
    • Usage
      • Features
      • API
    • Related
      • -Layout
      • CHeader
      • CSubheader
      • CSidebar
      • CFooter
CoreUI © 2020 creativeLabs.core-logo