💾 Archived View for freeshell.de › tldr › svgr.gmi captured on 2023-11-04 at 12:53:40. Gemini links have been rewritten to link to archived content

View Raw

More Information

⬅️ Previous capture (2022-04-28)

-=-=-=-=-=-=-

svgr

Transform SVGs into React components.

More information.

• 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}

Copyright © 2014—present the tldr-pages team and contributors.

This work is licensed under the Creative Commons Attribution 4.0 International License (CC-BY).

CC-BY