@visx/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 @visx/group

Examples

APIs

#<Group />

# classNamestring | undefined

className to apply to <g/>.

# innerRef((instance: SVGGElement | null) => void) | RefObject<SVGGElement> | null | undefined

ref to underlying <g/>.

# leftnumber | undefined

Left offset applied to <g/>.

Default 0

# topnumber | undefined

Top offset applied to <g/>.

Default 0

# transformstring | undefined

Override top and left to provide the entire transform string.

Exports