diff --git a/README.md b/README.md index 2eb99bf..4ee319c 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ 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 `` tag or import directly as inline code. You can not style SVG content over `` tag. Also, inline option is not good for clean development experience. We created this project for smooth and better experience for developers. +> Basicly we can use SVG files with `` tag or import directly as inline code. We cannot style SVG content over `` tag. Also, inline option is not good for clean development experience. We created this project for smooth and better experience for developers. ## 📄 Documentation @@ -12,9 +12,9 @@ Please check the **[documentation](https://ngeenx.github.io/nx-svg-loaders/)** f Supported Frameworks: -| Framework | Docs | Live Demo | -|---|---|---| -| Angular | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/angular) | [Stackblitz](https://stackblitz.com/edit/nx-angular-svg-loaders-demo) | -| React | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/react) | [Stackblitz](https://stackblitz.com/edit/nx-react-svg-loaders-demo) | -| Svelte | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/svelte) | [Stackblitz](https://stackblitz.com/edit/nx-svelte-svg-loaders-demo) | -| Vue | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/vue) | [Stackblitz](https://stackblitz.com/edit/nx-vue-svg-loaders-demo) | +| Framework | Docs | Live Demo | Live Demo Source | +|---|---|---|---| +| Angular | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/angular) | [Stackblitz](https://stackblitz.com/~/github.com/ngeenx/nx-angular-svg-loaders-demo) | [Demo Source](https://github.com/ngeenx/nx-angular-svg-loaders-demo) | +| React | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/react) | [Stackblitz](https://stackblitz.com/~/github.com/ngeenx/nx-react-svg-loaders-demo) | [Demo Source](https://github.com/ngeenx/nx-react-svg-loaders-demo) | +| Svelte | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/svelte) | [Stackblitz](https://stackblitz.com/~/github.com/ngeenx/nx-svelte-svg-loaders-demo) | [Demo Source](https://github.com/ngeenx/nx-svelte-svg-loaders-demo) | +| Vue | [Docs](https://ngeenx.github.io/nx-svg-loaders/docs/category/vue) | [Stackblitz](https://stackblitz.com/~/github.com/ngeenx/nx-vue-svg-loaders-demo) | [Demo Source](https://github.com/ngeenx/nx-vue-svg-loaders-demo) | diff --git a/docs/docs/angular/loaders.mdx b/docs/docs/angular/loaders.mdx index e4049f5..bd7c957 100644 --- a/docs/docs/angular/loaders.mdx +++ b/docs/docs/angular/loaders.mdx @@ -4,9 +4,9 @@ sidebar_position: 2 # 🌀 Loaders -**[⚡️ Play on StackBlitz](https://stackblitz.com/edit/nx-angular-svg-loaders-demo)** +**[⚡️ Play on StackBlitz](https://stackblitz.com/~/github.com/ngeenx/nx-angular-svg-loaders-demo)** -