Skip to content

Commit

Permalink
Add angular stackblitz demo link
Browse files Browse the repository at this point in the history
  • Loading branch information
relliv committed Oct 2, 2024
1 parent b3f114d commit 9a7ef43
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 5 deletions.
8 changes: 3 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
# nx-svg-loaders

[![SVG Loaders Preview](https://github.com/ngeenx/nx-svg-loaders/blob/main/docs/static/img/nx-svg-loaders-preview.gif?raw=true)](https://ngeenx.github.io/nx-svg-loaders/)

This repository is based on [Sam Herbert](https://github.com/SamHerbert)'s [SVG-Loaders](https://github.com/SamHerbert/SVG-Loaders) project. There are many loadig indicator display strategy like *JS, CSS, GIF, Lottie and Custom Fonts*. **SVG** is another loading indicator/spinner option because it's supporting animations natively on browsers and [widely supporting](https://caniuse.com/svg-smil). This project aims to provide ready-to-use SVG loader examples as components in *Angular, React, Vue, Svelte* without broke your development environment experience.

> Basicly we can use SVG files with `<img>` tag or import directly as inline code. You can not style SVG content over `<img>` tag. Also, inline option is not good for clean development experience. We created this project for smooth and better experience for developers.
Expand All @@ -10,11 +12,7 @@ Please check the **[documentation](https://ngeenx.github.io/nx-svg-loaders/)** f

Supported Frameworks:

- [Angular](https://ngeenx.github.io/nx-svg-loaders/docs/category/angular)
- Angular: [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/angular) / [Live Demo](https://stackblitz.com/edit/nx-angular-svg-loaders-demo)
- [React](https://ngeenx.github.io/nx-svg-loaders/docs/category/react)
- [Svelte](https://ngeenx.github.io/nx-svg-loaders/docs/category/svelte)
- [Vue](https://ngeenx.github.io/nx-svg-loaders/docs/category/vue)

## 👁️ Preview

[![SVG Loaders Preview](https://github.com/ngeenx/nx-svg-loaders/blob/main/docs/static/img/nx-svg-loaders-preview.gif?raw=true)](https://ngeenx.github.io/nx-svg-loaders/)
2 changes: 2 additions & 0 deletions docs/docs/angular/loaders.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,8 @@ sidebar_position: 2

# Loaders

**[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-angular-svg-loaders-demo)**

import { loaderTypes } from "./../../../libs/utils/nx-svg-shared-utils/src/index";

Available loader types:
Expand Down

0 comments on commit 9a7ef43

Please sign in to comment.