useShare

Hook that utilizes the share api

browser

medium

test coverage

Last changed: 7 months ago

TIP

This hook uses share browser api to provide enhanced functionality. Make sure to check for compatibility with different browsers when using this api

Installation

Library

CLI

Manual

import { useShare } from '@siberiacancode/reactuse';

Usage

const { share, supported } = useShare();

Demo

source

Api

Parameters

Name	Type	Default	Note
params?	UseShareParams	-	The use share options

Returns

UseShareReturn

Type declaration

export interface UseShareParams {
  /** Array of files to be shared */
  files?: File[];
  /** Text content to be shared */
  text?: string;
  /** Title of the content being shared */
  title?: string;
  /** URL link to be shared */
  url?: string;
}

export interface UseShareReturn {
  /** Whether the Web Share API is supported in the current environment */
  supported: boolean;
  /** Function to trigger the native share dialog */
  trigger: (shareParams: ShareData) => Promise<void>;
}

Source

Source • Demo

Contributors

D

debabin

B

babin

H

hywax

Z

zeroqs