@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.classNamestring | undefinedoptional

className to apply to <g/>.

# Group.innerRef((instance: SVGGElement | null) => void) | RefObject<SVGGElement> | null | undefinedoptional

ref to underlying <g/>.

# Group.leftnumber | undefinedoptional

Left offset applied to <g/>.

Default 0

# Group.topnumber | undefinedoptional

Top offset applied to <g/>.

Default 0

# Group.transformstring | undefinedoptional

Override top and left to provide the entire transform string.