README
LegendaryMediaTV Bootstrap
This is a Node.js package for extending React Bootstrap (which is based on Bootstrap 5) and Gatsby 3 or 4. It also has components for class-based icons (i.e., FontAwesome, Bootstrap icons, etc.).
Recent changes
- v3.4.5
- made
<Feature.Container>
component hide all overflow (was getting a flagrant vertical scrollbar sometimes)
- made
- v3.4.4
- made
<ScrollToTop>
component not print
- made
- v3.4.2 – v3.4.3
- styling tweaks for
<Feature>
component
- styling tweaks for
- v3.4.1
- bugfix for
<ListGroup.Item>
component not showingsubitem
whensubactions
property is set
- bugfix for
- v3.4.0
- added a new
<Feature>
component withtitle
andsubtitle
properties - added
<Alert>
withtitle
/subtitle
to the<Demo>
- added a new
- v3.3
- added an
<Alert>
component withtitle
,subtitle
, anderror
properties - made the
<Demo>
utilize the new<Alert>
component
- added an
- v3.2
- added a
<ListGroup.Item>
component withsubitem
andsubactions
properties - added a
sleep()
function
- added a
- v3.1
- added a
<Pagination>
component that uses our Gatsby-friendly<Link>
component - made the
<Demo>
component more robust - added a
title
property to the<Spinner>
component - bugfix for
<Link>
opening internal links in a new tab when requested - bugfix for the
<ListGroup>
default italics class ondisplaySubClassName
- updated the peer dependency for React Bootstrap to
2.x
, since 2.0 stable released - updated the peer dependency for Gatsby to
3.x
or4.x
- updated Bootstrap CSS reference to
5.1.3
- added a
For more information, check out the release notes and the changelog.
Getting started
Installation
Install peer dependencies (if they aren't already).
npm install react react-dom react-bootstrap gatsby
Optionally, install React Helmet (useful for linking Bootstrap resources).
npm install react-helmet
Install this package.
npm install @legendarymediatv/bootstrap
NOTE: if you are still using Bootstrap 4.6.x and React Bootstrap 1.6.x, then you can use version 2.13.1 of this package, however, it is not continuing to be maintained
Preparation
Modify the Babel loader to transpile JSX for this package.
NOTE: not configuring this will result in the following error when running
gatsby build
: ERROR #98123 WEBPACK – Generating development JavaScript bundle failed: Unexpected token
Sample /gatsby-node.js
exports.onCreateWebpackConfig = ({ actions, loaders, getConfig }) => {
const config = getConfig();
config.module.rules = [
// omit the default rule where test === '\.jsx?