@preply/ds-media-icons
SVG Icon library.
Using the Design System in your application or library?
Follow the instructions in @preply/ds-workspace.
tl;dr:
import HatSvg from `@preply/ds-media-icons/dist/hat.svg`;
import { Icon } from `@preply/ds-web-lib`;
<Icon svg={HatSvg} />;
<HatSvg aria-hidden="true" focusable="false" />;
Contributing
Reach out to #design-system-public if you think you can help and keep an eye on DS Confluence for more docs, guides, work in progress, decisions, the works.
Development
Just a placeholder for now.
yarn clean
- deletes dist/
folder.yarn build
- copies all SVG to dist/
folder.
Later:
- linting SVGs for size and patterns.
- optimization and reports.
Tooling
Details about tools and configurations in @preply/ds-workspace.
Dependencies
Do NOT add any dependencies. When we work on linting and optimization of assets we should consider whether to add devDependencies
in the root of the project or locally.