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
d
parameter, the<svg>
element will have one or more<path>
children, one for everyM
command.This component animates using the stroke-dasharray/stroke-dashoffset hack described at https://css-tricks.com/svg-line-animation-works
Props: AnimatedLineDrawingProps