@vx/text

vx text

0.0.114
Source
npm

Version published: 8 years ago

Weekly downloads: 63K; increased by21.94%

Maintainers: 1

Weekly downloads

Created: 8 years ago

Source

@vx/text

The @vx/text package contains components useful for adding labels to your graphs.

`<TextOutline />`

TextOutline can add an outline around your text to help it be more readable.

Example

text outline picture

import { TextOutline } from '@vx/text';

<TextOutline
  fontSize={10}
  x={x}
  y={y}
  dy={'.5em'}
  textAnchor={'end'}
  fill="black"
  outlineStroke={"white"}
  outlineStrokeWidth={3}
  fontFamily={"Roboto Mono"}
>
  {"Woo text!"}
</TextOutline>

Properties

Name	Default	Type	Description
x	0	number	The x coordinate position.
y	0	number	The y coordinate position.
dx	0	number	The x-offset.
dy	0	number	The y-offset.
fontSize	12	number	The fontSize for the text.
fontFamily	Arial	string	The fontFamily for the text.
fill	white	string	The fill color for the inner text.
stroke	none	string	The stroke color for the inner text.
strokeWidth	0	number	The strokeWidth for the inner text.
outlineFill	white	string	The fill color for the outline.
outlineStroke	magenta	string	The stroke color of the outline.
outlineStrokeWidth	3	number	The stroke width in pixels of the outline.
textAnchor	start	string	The svg textAnchor for the text.
className		string	A classname to be applied to both the inner and outer text.

Source For Components

<TextOutline />
:warning: <TextWrap />

vx packages

v0.0.114

@vx/shape

added <BarGroup /> & <BarStack /> #39

general

added jest + enzyme tests & travis + coveralls ci

Keywords

FAQs

What is @vx/text?

Is @vx/text popular?

Is @vx/text well maintained?

Package last updated on 23 May 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install