1.6.0 • Published 4 months ago
@occmundial/atomic-icons v1.6.0
Atomic Icons
Atomic Icons library. This project is part of the Atomic UI.
How it works
Atomic Icons generates an SVG sprite with all the icons in the /icons
folder.
To use the icons, you need to insert an inline SVG element like this:
<svg class="atomic-arrow-left"><use xlink:href="#atomic-arrow-left"></use></svg>
If you're using the SVG sprite from a CDN, you have to include the path to the sprite file in the xlink:href
attribute:
<svg class="atomic-arrow-left"><use xlink:href="https://cdn-hosting-the-sprite.com/atomic-icons.svg#atomic-arrow-left"></use></svg>
Using it with Atomic
The Atomic UI library is designed to work with Atomic Icons. The Icon
component is a wrapper for the SVG icon.
This is an example of how to use the Icon
component:
import { Icon } from '@occmundial/atomic';
function Component() {
return (
<Icon iconName="arrow-left" />
)
}
1.7.0-beta.9
5 months ago
1.7.0-beta.12
4 months ago
1.7.0-beta.13
4 months ago
1.7.0-beta.10
4 months ago
1.7.0-beta.11
4 months ago
1.7.0-beta.7
8 months ago
1.7.0-beta.8
8 months ago
1.7.0-beta.4
8 months ago
1.7.0-beta.5
8 months ago
1.7.0-beta.6
8 months ago
1.7.0-beta.3
9 months ago
1.7.0-beta.1
9 months ago
1.7.0-beta.2
9 months ago
1.6.0
2 years ago
1.5.1
2 years ago