Skip to content

React component to arrange icons or other components on an arc.

Notifications You must be signed in to change notification settings

neohed/icon-arc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

icon-arc NPM version

React component to arrange icons on an arc.

Run Examples

  • npm i
  • npm run demo
  • navigate to: localhost:3012

examples

For full example including importing icons look through the demo/ source folder.

<IconArc
        icons={icons}
        iconWidth={48}
        arcStart={0}
        arcLength={90}
        style={{
            left: '-580px',
            top: '-520px',
            height: '600px'
        }}
    />

arc-image

<IconArc icons={icons} iconWidth={48} />

circle-image

Icons

The SVG icons are from: Feather Icons

About

React component to arrange icons or other components on an arc.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published