AnimatedShapeProps API Reference
Prop reference
| Title | Type | Default | Description |
|---|---|---|---|
| width* | number | – | Width of the bounding box |
| height* | number | – | Height of the bounding box |
| rotationPivot | ShapePosition | – | Rotation pivot (defaults to shape center incl. position offset) |
| scalePivot | ShapePosition | – | Scale pivot (defaults to shape center incl. position offset) |
| position | ShapePosition | – | Position offset (number, "10%", "10% 20%", [10,20], x:10,y:20, etc) |
| className | string | – | Additional CSS classes for the root element |
| style | CSSProperties | – | Additional inline styles for the root element |
| from* | ShapeAnimatableProps | – | Starting values for animatable props |
| to* | ShapeAnimatableProps | – | - |
| config | SpringAnimationConfig | – | Animation config or preset name |
* Props marked with an asterisk are required.
CSS target reference
| Export | CSS Class Target | Description |
|---|---|---|
| AnimatedShapeTargetClassRoot | .NPUI-AnimatedShape-root | Root of an animated shape component |
Exports are available from /src/components/shapes/euclidean/animated-shape.tsx or from