@vx/group

<Group /> provides a simplified API for SVG <g /> elements, which are containers for other SVG objects. You may pass in a top and left margin (instead of transform={translate(...)}) and a className.

Installation

npm install --save @vx/group

Examples

Components

APIs

#<Group />

# Group.classNamestringoptional

className to apply to <g/>.

# Group.innerRefRef<SVGGElement>optional

ref to underlying <g/>.

# Group.leftnumberoptional

Left offset applied to <g/>.

Default 0

# Group.topnumberoptional

Top offset applied to <g/>.

Default 0

# Group.transformstringoptional

Override top and left to provide the entire transform string.