JSPM

  • Created
  • Published
  • Downloads 84358
  • Score
    100M100P100Q150425F
  • License MIT

React component for Bootstrap Icons

Package Exports

  • react-bootstrap-icons

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-bootstrap-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Bootstrap Icons

The brand new Bootstrap Icons library to use as React components.

Currently v1.0.0-alpha4, +670 icons.

They're in alpha right now and subject to sweeping changes.

Installation

npm install react-bootstrap-icons --save

or

yarn add react-bootstrap-icons

Usage

import React from 'react';
import { ArrowRight } from 'react-bootstrap-icons';

export default function App() {
  return <ArrowRight />;
}

Icons can be configured with inline props:

<ArrowRight color="royalblue" size={96} />

You can pass wathever props you want:

<ArrowRight className="ml-4" />

You can also include the whole icon pack:

import React from 'react';
import * as Icon from 'react-bootstrap-icons';

export default function App() => {
  return <Icon.ArrowRight />
};