astro-loading-indicator - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

CHANGELOG.md

 # astro-loading-indicator
 
+## 0.5.0
+
+### Minor Changes
+
+- 515dc78: Adds a `threshold` prop. If the page loads in less than the specified duration (in ms), the indicator will not be shown. It can be set to `false` to always show it. Defaults to `200`.
+
+  ```tsx
+  <LoadingIndicator
+    color="..."
+    threshold={600}
+    // threshold={false}
+  />
+  ```
+
 ## 0.4.0
@@ -4,0 +18,0 @@

package.json

 {
   "name": "astro-loading-indicator",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Display a progress bar between page navigations when using View Transitions",
@@ -5,0 +5,0 @@ "author": {

README.md

@@ -93,2 +93,13 @@ # `astro-loading-indicator`
 
+To override the default styles provided by the component, you can use [global styles](https://docs.astro.build/en/guides/styling/#global-styles) with higher specificity.
+
+```astro
+<style is:global>
+  :root .astro-loading-indicator {
+    top: 45px;
+    z-index: 2000;
+  }
+</style>
+```
+
 #### `animationDuration`
@@ -105,2 +116,14 @@
 
+#### `threshold`
+
+If the page loads in less than the specified duration (in ms), the indicator will not be shown. It can be set to `false` to always show it. Defaults to `200`.
+
+```tsx
+<LoadingIndicator
+  color="..."
+  threshold={600}
+  // threshold={false}
+/>
+```
+
 ## Contributing
@@ -130,5 +153,1 @@
 [MIT Licensed](https://github.com/florian-lefebvre/astro-loading-indicator/blob/main/LICENSE). Made with ❤️ by [Florian Lefebvre](https://github.com/florian-lefebvre).
-
-## Acknowledgements
-
-- https://swup.js.org/plugins/progress-plugin/

No alert changes

Improved metrics

Total package byte prevSize

8858

increased by18.45%

Number of lines in readme file

151

increased by14.39%

No dependency changes