4.54.20 • Published 11 days ago

@cutting/svg v4.54.20

Weekly downloads
3
License
MIT
Repository
github
Last release
11 days ago

@cutting/svg - reusable svg components for SVG documents

npm version code style: prettier

install

pnpm add @cutting/svg

# or

npm install @cutting/svg

ParentsizeSVG

A react component that will resize and scale to the dimensions of the supplied react ref object.

svg document resizing to scale when using the ParentsizeSVG component

The ParentsizeSVG component takes an parentRef prop that should point to a valid HTML DOM element.

usage

import { useRef } from 'react';
import { ParentsizeSVG } from '@cutting/svg';

export function App(): JSX.Element {
  const ref = useRef<HTMLDivElement>(null);

  return (
    <div className={styles.container} ref={ref}>
      <ParentsizeSVG ref={ref}>
        <rect
          x="20%"
          y="20%"
          width={'50%'}
          height={'50%'}
          rx="20"
          style={{ fill: '#ff0000', stroke: '#000000', strokeWidth: '2px' }}
        />
      </ParentsizeSVG>
    </div>
  );
};
classnamesresize-observer-polyfill@cutting/use-get-parent-size@cutting/util
@everything-registry/sub-chunk-210gynger@playnowde/components@zalastax/nolb-_cut@cutting/website@infinitebrahmanuniverse/nolb-_cut
4.54.20

11 days ago

4.54.19

1 month ago

4.54.18

2 months ago

4.54.17

2 months ago

4.54.16

2 months ago

4.54.15

3 months ago

4.54.14

4 months ago

4.54.13

5 months ago

4.54.11

7 months ago

4.54.10

8 months ago

4.54.12

6 months ago

4.54.9

9 months ago

4.54.8

11 months ago

4.54.7

12 months ago

4.54.5

12 months ago

4.54.6

12 months ago

4.54.0

1 year ago

4.54.3

1 year ago

4.54.4

12 months ago

4.54.1

1 year ago

4.54.2

1 year ago

4.53.0

1 year ago

4.53.1

1 year ago

4.52.2

1 year ago

4.52.1

1 year ago

4.52.0

1 year ago

4.50.2

2 years ago

4.51.0

1 year ago

4.50.1

2 years ago

4.49.0

2 years ago

4.50.0

2 years ago

4.47.0

2 years ago

4.48.0

2 years ago

4.46.0

2 years ago

4.45.3

2 years ago

4.39.1

2 years ago

4.39.0

2 years ago

4.37.2

2 years ago

4.37.1

2 years ago

4.37.0

2 years ago

4.42.0

2 years ago

4.40.1

2 years ago

4.40.0

2 years ago

4.44.0

2 years ago

4.35.0

2 years ago

4.38.0

2 years ago

4.43.0

2 years ago

4.41.2

2 years ago

4.41.1

2 years ago

4.41.0

2 years ago

4.45.2

2 years ago

4.45.1

2 years ago

4.43.3

2 years ago

4.45.0

2 years ago

4.43.2

2 years ago

4.41.4

2 years ago

4.43.1

2 years ago

4.41.3

2 years ago

4.36.0

2 years ago

4.34.1

2 years ago

4.34.0

2 years ago

4.31.9

2 years ago

4.33.0

2 years ago

4.32.0

2 years ago

4.32.1

2 years ago

4.31.8

2 years ago

4.31.6

2 years ago

4.31.4

2 years ago

4.31.3

2 years ago

4.31.2

2 years ago

4.31.0

2 years ago

4.29.1

3 years ago

4.29.0

3 years ago

4.30.1

3 years ago

4.30.0

3 years ago

4.28.2

3 years ago

4.28.1

3 years ago

4.28.0

3 years ago

4.27.1

3 years ago

4.27.0

3 years ago

4.26.1

3 years ago

4.25.0

3 years ago

4.26.0

3 years ago

4.25.1

3 years ago

4.22.0

3 years ago

4.21.1

3 years ago

4.23.0

3 years ago

4.24.0

3 years ago

4.23.1

3 years ago

4.24.1

3 years ago

4.21.0

3 years ago

4.20.1

3 years ago

4.20.0

3 years ago

4.19.0

3 years ago

4.18.0

3 years ago

4.17.0

3 years ago

4.16.0

3 years ago

4.15.0

3 years ago

4.13.0

3 years ago

4.14.0

3 years ago

4.11.0

3 years ago

4.10.0

3 years ago

4.9.0

3 years ago

4.8.3

3 years ago

4.8.0

3 years ago

4.8.2

3 years ago

4.7.0

3 years ago

4.6.4

3 years ago

4.6.3

3 years ago

4.6.2

3 years ago

4.6.1

3 years ago

4.6.0

3 years ago

4.5.0

3 years ago