Animate the stroke of an SVG path.
This is generally a block element, but that can be changed by passing in a className.
className
AnimatedLineDrawing renders an <svg> element with a viewport from (0, 0) to the bottom right of the provided path.
<svg>
Assuming a non-empty d parameter, the <svg> element will have one or more <path> children, one for every M command.
d
<path>
M
This component animates using the stroke-dasharray/stroke-dashoffset hack described at https://css-tricks.com/svg-line-animation-works
Props: AnimatedLineDrawingProps
Generated using TypeDoc
Animate the stroke of an SVG path.
This is generally a block element, but that can be changed by passing in a
className.AnimatedLineDrawing renders an
<svg>element with a viewport from (0, 0) to the bottom right of the provided path.Assuming a non-empty
dparameter, the<svg>element will have one or more<path>children, one for everyMcommand.This component animates using the stroke-dasharray/stroke-dashoffset hack described at https://css-tricks.com/svg-line-animation-works
Props: AnimatedLineDrawingProps