@tollerud/footer 1.1.2 → 1.1.3
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 +21 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -75,6 +75,26 @@ Default English copy matches the public sites: **“A Tollerud Project”** and
|
|
|
75
75
|
|
|
76
76
|
Renders: **A Tollerud Project** (linked) **for Advania Norge AS.** All rights reserved.
|
|
77
77
|
|
|
78
|
+
### Force horizontal layout
|
|
79
|
+
|
|
80
|
+
By default, the component uses a responsive/mobile-first layout:
|
|
81
|
+
- stacked on small screens
|
|
82
|
+
- row layout from `md` and up
|
|
83
|
+
|
|
84
|
+
If a host app needs always-horizontal layout (logo left, text right), use `layout="row"`:
|
|
85
|
+
|
|
86
|
+
```tsx
|
|
87
|
+
<Footer
|
|
88
|
+
layout="row"
|
|
89
|
+
classNameLogo="h-5 w-5 text-black dark:text-[#ffff00]"
|
|
90
|
+
classNameLink="underline decoration-[#ffff00] decoration-[3px] underline-offset-[4px] hover:opacity-80 transition-opacity"
|
|
91
|
+
/>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
`layout` options:
|
|
95
|
+
- `responsive` (default): `flex-col md:flex-row` behavior
|
|
96
|
+
- `row`: always horizontal `flex-row` behavior
|
|
97
|
+
|
|
78
98
|
### Custom surface (any background)
|
|
79
99
|
|
|
80
100
|
Default footer applies `bg-gray-50` / `dark:bg-gray-900` and a top border. For overlays (e.g. **50% black** on top of imagery or video), use **`unstyled`** and pass your own surface classes or inline styles so you are not fighting those defaults:
|
|
@@ -101,7 +121,7 @@ Same idea with inline style:
|
|
|
101
121
|
/>
|
|
102
122
|
```
|
|
103
123
|
|
|
104
|
-
Props: `className` / `style` on `<footer>`, `classNameInner` on the inner max-width row, `classNameLogo`, `classNameText`, `classNameLink`. Tailwind’s build must still scan this package (see above).
|
|
124
|
+
Props: `layout`, `className` / `style` on `<footer>`, `classNameInner` on the inner max-width row, `classNameLogo`, `classNameText`, `classNameLink`. Tailwind’s build must still scan this package (see above).
|
|
105
125
|
|
|
106
126
|
## Develop and publish
|
|
107
127
|
|