react-simple-minimap

KO | EN

gitlite — search

#react #typescript #golang #android #rust #macos #windows #awesome #cli #awesome-list #vue #ios #openai #open-source

react-simple-minimap

(★ 9)

🖼 A Simple React Preview Minimap component

react-simple-minimap 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-simple-minimap

> A React Minimap component based of [visual studio's preview minimap](https://code.visualstudio.com/updates/v1_10#_preview-minimap)

> 🗾 Gives you a high level overview of your page or component which is very useful for quick navigation or page preview

[![NPM](https://img.shields.io/npm/v/react-simple-minimap.svg)](https://www.npmjs.com/package/react-simple-minimap) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Preview

![react-simple-animated](https://github.com/antoniojps/react-simple-minimap/blob/master/example/public/react-simple-minimap.gif)

[CodeSandBox Example](https://codesandbox.io/s/p90nzpzj9j?view=editor)

## Install

```bash
yarn add react-simple-minimap
```

## Usage

```jsx
import React, { Component } from 'react'

import Minimap from 'react-simple-minimap'

class Page extends Component {
  renderPage = () => (
    <>
      <Header>...</Header>
      <Main>...</Main>
      <Footer>...</Footer>
    </>
  )

render() {
    return (
      <>
        <Minimap of={this.renderPage()} />
        {this.renderPage()}
      </>
    )
  }
}
```

## Props

## License

react-simple-minimap

react-simple-minimap 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-simple-minimap

react-simple-minimap 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README