https://github.com/trendmicro-frontend/react-breadcrumbs

React Breadcrumbs component
https://github.com/trendmicro-frontend/react-breadcrumbs

Last synced: 3 months ago
JSON representation

React Breadcrumbs component

• Host: GitHub
• URL: https://github.com/trendmicro-frontend/react-breadcrumbs
• Owner: trendmicro-frontend
• License: mit
• Created: 2016-12-15T06:15:59.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2023-09-22T14:03:35.000Z (about 1 year ago)
• Last Synced: 2024-07-16T12:01:46.907Z (4 months ago)
• Language: JavaScript
• Homepage: https://trendmicro-frontend.github.io/react-breadcrumbs
• Size: 515 KB
• Stars: 4
• Watchers: 19
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - react-breadcrumbs - React Breadcrumbs component ([demo](https://trendmicro-frontend.github.io/react-breadcrumbs/)). (Trend Micro / React Components)
• awesome_frontend_development_resources - react-breadcrumbs - React Breadcrumbs component ([demo](https://trendmicro-frontend.github.io/react-breadcrumbs/)). (Trend Micro / React Components)
• awesome_frontend_development_resources - react-breadcrumbs - React Breadcrumbs component ([demo](https://trendmicro-frontend.github.io/react-breadcrumbs/)). (Trend Micro / React Components)

README

        
# react-breadcrumbs [![build status](https://travis-ci.org/trendmicro-frontend/react-breadcrumbs.svg?branch=master)](https://travis-ci.org/trendmicro-frontend/react-breadcrumbs) [![Coverage Status](https://coveralls.io/repos/github/trendmicro-frontend/react-breadcrumbs/badge.svg?branch=master)](https://coveralls.io/github/trendmicro-frontend/react-breadcrumbs?branch=master)

[![NPM](https://nodei.co/npm/@trendmicro/react-breadcrumbs.png?downloads=true&stars=true)](https://nodei.co/npm/@trendmicro/react-breadcrumbs/)

React Breadcrumbs

Demo: https://trendmicro-frontend.github.io/react-breadcrumbs

## Installation

1. Install the latest version of [react](https://github.com/facebook/react) and [react-breadcrumbs](https://github.com/trendmicro-frontend/react-breadcrumbs):

  ```

  npm install --save react @trendmicro/react-breadcrumbs

  ```

2. At this point you can import `@trendmicro/react-buttons` and its styles in your application as follows:

  ```js

  import Breadcrumbs from '@trendmicro/react-breadcrumbs';

  // Be sure to include styles at some point, probably during your bootstraping

  import '@trendmicro/react-breadcrumbs/dist/react-breadcrumbs.css';

  ```

## Usage

```js

import React, { Component } from 'react';

import Anchor from '@trendmicro/react-anchor';

import Breadcrumbs from '@trendmicro/react-breadcrumbs';

class App extends Component {

    render() {

        return (

            

                

                    Devices

                

                

                    Firewall

                

                

                    Policies

                

            

        );

    }

}

```

You can add an icon on the right side, or add a line separator under the breadcrumbs.

```js

    

        Devices

    

    

        Firewall

    

    

        

    

```

## API

### Properties

#### Breadcrumbs

  

    

      Name

      Type

      Default

      Description

    

  

  

    

      showLineSeparator

      Boolean

      false

      

    

  

#### Breadcrumbs.Item

  

    

      Name

      Type

      Default

      Description

    

  

  

    

      active

      Boolean

      false

      

    

  

## License

MIT