Add shapeRendering prop to Axis (#1739)

airbnb · Mar 4, 2024 · 3e1a3ef · 3e1a3ef
1 parent 6edbde4
commit 3e1a3ef
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/visx-axis/src/axis/AxisRenderer.tsx b/packages/visx-axis/src/axis/AxisRenderer.tsx
@@ -29,6 +29,7 @@ export default function AxisRenderer<Scale extends AxisScale>({
   labelProps,
   orientation = Orientation.bottom,
   scale,
+  shapeRendering,
   stroke = '#222',
   strokeDasharray,
   strokeWidth = 1,
@@ -82,6 +83,7 @@ export default function AxisRenderer<Scale extends AxisScale>({
           className={cx('visx-axis-line', axisLineClassName)}
           from={axisFromPoint}
           to={axisToPoint}
+          shapeRendering={shapeRendering}
           stroke={stroke}
           strokeWidth={strokeWidth}
           strokeDasharray={strokeDasharray}

diff --git a/packages/visx-axis/src/types.ts b/packages/visx-axis/src/types.ts
@@ -71,6 +71,8 @@ export type CommonProps<Scale extends AxisScale> = {
   orientation?: ValueOf<typeof Orientation>;
   /** Pixel padding to apply to axis sides. */
   rangePadding?: number | { start?: number; end?: number };
+  /** Shape rendering for the lines. */
+  shapeRendering?: SVGProps<SVGLineElement>['shapeRendering'];
   /** The color for the stroke of the lines. */
   stroke?: string;
   /** The pixel value for the width of the lines. */