Skip to content

martin76ec/svg-tsx-builder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

███████╗██╗   ██╗ ██████╗     ████████╗███████╗██╗  ██╗    ██████╗ ██╗   ██╗██╗██╗     ██████╗ ███████╗██████╗ 
██╔════╝██║   ██║██╔════╝     ╚══██╔══╝██╔════╝╚██╗██╔╝    ██╔══██╗██║   ██║██║██║     ██╔══██╗██╔════╝██╔══██╗
███████╗██║   ██║██║  ███╗       ██║   ███████╗ ╚███╔╝     ██████╔╝██║   ██║██║██║     ██║  ██║█████╗  ██████╔╝
╚════██║╚██╗ ██╔╝██║   ██║       ██║   ╚════██║ ██╔██╗     ██╔══██╗██║   ██║██║██║     ██║  ██║██╔══╝  ██╔══██╗
███████║ ╚████╔╝ ╚██████╔╝       ██║   ███████║██╔╝ ██╗    ██████╔╝╚██████╔╝██║███████╗██████╔╝███████╗██║  ██║
╚══════╝  ╚═══╝   ╚═════╝        ╚═╝   ╚══════╝╚═╝  ╚═╝    ╚═════╝  ╚═════╝ ╚═╝╚══════╝╚═════╝ ╚══════╝╚═╝  ╚═╝

svg-builder

A "blazingly fast!" svg to tsx builder, it recieves a folder with svg files and transform them to tsx components. It includes an Icon component and a type with the name of all the icons generated.

The input folder should have all svg files in pascal case (e.g. discord-icon-whatever.svg)

Example of use (cli):

svg-tsx-builder --inputDir /a/path --outputDir /another/path

Example of use (generated component):

function Bar() {
    return(
        <Icon name="your-icon-name" />
    );
}

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published