@sohanemon/utils 7.2.6 → 7.2.7
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 +9 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -185,12 +185,14 @@ const { scrolledPast, direction } = useScrollTracker({ threshold: 300 });
|
|
|
185
185
|
```
|
|
186
186
|
|
|
187
187
|
#### UI Components
|
|
188
|
-
|
|
189
188
|
```tsx
|
|
190
|
-
import { HtmlInjector, ResponsiveIndicator, Iconify } from '@sohanemon/utils';
|
|
189
|
+
import { HtmlInjector, ResponsiveIndicator, Portal, Iconify } from '@sohanemon/utils';
|
|
191
190
|
|
|
192
191
|
<HtmlInjector html="<p>Injected HTML</p>" />
|
|
193
192
|
<ResponsiveIndicator />
|
|
193
|
+
<Portal container="#modal-root">
|
|
194
|
+
<Modal />
|
|
195
|
+
</Portal>
|
|
194
196
|
<Iconify icon="mdi:home" />
|
|
195
197
|
```
|
|
196
198
|
|
|
@@ -487,6 +489,11 @@ ScrollableMarker: React.Component<{
|
|
|
487
489
|
className?: string;
|
|
488
490
|
children?: React.ReactNode;
|
|
489
491
|
}>
|
|
492
|
+
|
|
493
|
+
Portal: React.Component<{
|
|
494
|
+
children: React.ReactNode;
|
|
495
|
+
container: `#${string}` | `.${string}` | `[${string}]` | React.RefObject<HTMLElement>;
|
|
496
|
+
}>
|
|
490
497
|
```
|
|
491
498
|
|
|
492
499
|
### Types
|