@sofidevo/astro-dynamic-header 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -8
- package/package.json +4 -2
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# @
|
|
1
|
+
# @sofidevo/astro-dynamic-header
|
|
2
2
|
|
|
3
3
|
A dynamic, responsive header component for Astro projects that can switch between floating and fullscreen styles with multi-level dropdown navigation support.
|
|
4
4
|
|
|
@@ -11,10 +11,14 @@ A dynamic, responsive header component for Astro projects that can switch betwee
|
|
|
11
11
|
- 🎨 **Customizable**: Extensive customization options for colors, sizes, and behavior
|
|
12
12
|
- ⚡ **Astro Optimized**: Built specifically for Astro framework
|
|
13
13
|
|
|
14
|
+
|
|
15
|
+
### Live demo
|
|
16
|
+
[https://base-astro-psi.vercel.app/fullscreen-demo](https://base-astro-psi.vercel.app/fullscreen-demo)
|
|
17
|
+
|
|
14
18
|
## Installation
|
|
15
19
|
|
|
16
20
|
```bash
|
|
17
|
-
npm
|
|
21
|
+
npm i @sofidevo/astro-dynamic-header
|
|
18
22
|
```
|
|
19
23
|
|
|
20
24
|
## Quick Start
|
|
@@ -23,7 +27,7 @@ npm install @sofidev/astro-dynamic-header
|
|
|
23
27
|
|
|
24
28
|
```astro
|
|
25
29
|
---
|
|
26
|
-
import Header from '@
|
|
30
|
+
import Header from '@sofidevo/astro-dynamic-header/Header.astro';
|
|
27
31
|
|
|
28
32
|
const menuItems = [
|
|
29
33
|
{ link: '/about', text: 'About' },
|
|
@@ -42,7 +46,7 @@ const menuItems = [
|
|
|
42
46
|
|
|
43
47
|
```astro
|
|
44
48
|
---
|
|
45
|
-
import Header from '@
|
|
49
|
+
import Header from '@sofidevo/astro-dynamic-header/Header.astro';
|
|
46
50
|
|
|
47
51
|
const menuItems = [
|
|
48
52
|
{
|
|
@@ -126,9 +130,9 @@ You can also import and use components individually:
|
|
|
126
130
|
|
|
127
131
|
```astro
|
|
128
132
|
---
|
|
129
|
-
import NavMenu from '@
|
|
130
|
-
import MobileNav from '@
|
|
131
|
-
import HamburgerButton from '@
|
|
133
|
+
import NavMenu from '@sofidevo/astro-dynamic-header/NavMenu.astro';
|
|
134
|
+
import MobileNav from '@sofidevo/astro-dynamic-header/MobileNav.astro';
|
|
135
|
+
import HamburgerButton from '@sofidevo/astro-dynamic-header/HamburgerButton.astro';
|
|
132
136
|
---
|
|
133
137
|
|
|
134
138
|
<NavMenu menuItems={menuItems} showHomeLink={true} homeText="Home" />
|
|
@@ -159,7 +163,7 @@ import type {
|
|
|
159
163
|
NavMenuProps,
|
|
160
164
|
MobileNavProps,
|
|
161
165
|
HamburgerButtonProps
|
|
162
|
-
} from '@
|
|
166
|
+
} from '@sofidevo/astro-dynamic-header';
|
|
163
167
|
```
|
|
164
168
|
|
|
165
169
|
## Browser Support
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sofidevo/astro-dynamic-header",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "A dynamic Astro header component that switches between floating and fullscreen styles",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -59,5 +59,7 @@
|
|
|
59
59
|
"bugs": {
|
|
60
60
|
"url": "https://github.com/SofiDevO/astro-dynamic-header/issues"
|
|
61
61
|
},
|
|
62
|
-
"homepage": "https://github.com/SofiDevO/astro-dynamic-header#readme"
|
|
62
|
+
"homepage": "https://github.com/SofiDevO/astro-dynamic-header#readme",
|
|
63
|
+
|
|
64
|
+
"demo": "https://base-astro-psi.vercel.app/fullscreen-demo"
|
|
63
65
|
}
|