glyphicon
A drop-in replacement for the react-bootstrap Glyphicon component that works with React 16+.Why?
Bootstrap 4 removes the Glyphicon component. It was really useful. You wouldn't think that would be a problem. You can just stick with Bootstrap 3, but if you are using react-bootstrap that means you also have to stick with React 15, which is a bit out of date to say the least.Usage
Install the module.npm install --save @strongdm/glyphicon
Import it. Done.
import Glyphicon from '@strongdm/glyphicon'
export default function ComponentWithAnIcon () {
return <div>
Look at this icon! <Glyphicon glyph='exclamation-sign' />
</div>
}
This component uses the react-bootstrap 0.3+ conventions of
bsStyle
and bsSize
. We will be updating it to comply with react-bootstrap 1.0.0 shortly.Thanks to:
- React Bootstrap contributors for creating an excellent React UI toolkit.
- DarkSeal for porting the glyphicons CSS to Boostrap 4.