Nutella Peanut-Butter Marshmallow
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

@vx/marker

0.0.184 • Public • Published

@vx/marker

A Marker is a line with a piece of text attached to it. It's great for highlighting locations in your graph.

Example

marker example

<Marker
  from={markerFrom}
  to={markerTo}
  stroke={'white'}
  label={'deploy'}
  labelStroke={'none'}
  labelDx={6}
  labelDy={15}
/>

Installation

npm install --save @vx/marker

Components

API

<Marker />

# Marker.className<string>

# Marker.from<object>

# Marker.label<union(string|func)>

# Marker.labelAnchor<string>

Default'left'

# Marker.labelDx<number>

Default0

# Marker.labelDy<number>

Default0

# Marker.labelFill<string>

# Marker.labelFontSize<union(string|number)>

Default10

# Marker.labelPaintOrder<string>

Default'stroke'

# Marker.labelStroke<string>

Default'white'

# Marker.labelStrokeWidth<union(string|number)>

Default3

# Marker.left<number>

Default0

# Marker.stroke<string>

Default'magenta'

# Marker.strokeDasharray<string>

# Marker.strokeWidth<number>

Default2

# Marker.to<object>

# Marker.top<number>

Default0

# Marker.transform<string>

install

npm i @vx/marker

Downloadsweekly downloads

820

version

0.0.184

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability