System Grab Bag

View all TLDR pages from common (or from all pages)

svgr

Transform SVGs into React components. More information: https://react-svgr.com.
  • Transform a SVG file into a React component to stdout:
    svgr -- {{path/to/file.svg}}
  • Transform a SVG file into a React component using TypeScript to stdout:
    svgr --typescript -- {{path/to/file.svg}}
  • Transform a SVG file into a React component using JSX transform to stdout:
    svgr --jsx-runtime automatic -- {{path/to/file.svg}}
  • Transform all SVG files from a directory to React components into a specific directory:
    svgr --out-dir {{path/to/output_directory}} {{path/to/input_directory}}
  • Transform all SVG files from a directory to React components into a specific directory skipping already transformed files:
    svgr --out-dir {{path/to/output_directory}} --ignore-existing {{path/to/input_directory}}
  • Transform all SVG files from a directory to React components into a specific directory using a specific case for filenames:
    svgr --out-dir {{path/to/output_directory}} --filename-case {{camel|kebab|pascal}} {{path/to/input_directory}}
  • Transform all SVG files from a directory to React components into a specific directory without generating an index file:
    svgr --out-dir {{path/to/output_directory}} --no-index {{path/to/input_directory}}

License and Disclaimer

The content on this page is copyright © 2014—present the tldr-pages team and contributors.
This page is used with permission under Creative Commons Attribution 4.0 International License.

While we do attempt to make sure content is accurate, there isn't a warranty of any kind.