Jumbotron
React Jumbotron component indicates a big grey box for showcasing hero unit style content.A lightweight, flexible React component that can optionally reach the entire viewport to showcase essential marketing information on your site.
Usage
Example
Script
return ( <CJumbotron> <h1 className="display-3">Bootstrap 4</h1> <p className="lead">Bootstrap 4 Components for React</p> <p>For more information visit website</p> <CButton color="primary" href="https://coreui.io/" target="_blank">More Info</CButton> </CJumbotron> )
# Features
- Easily customizable styles
# Jumbotron API
Name | Required | Type | Default Value |
---|---|---|---|
tag | any | div | |
main HTML tag name | |||
className | string | ||
user classes for the main HTML tag | |||
innerRef | (object | Function | string) | ||
ref to the main tag | |||
fluid | boolean | ||
sets jumbotron fluid mode |