> PdfViewer

PdfViewer

Affichage d'un document PDF. Utilise un iframe sur web et WebView sur mobile.

TagscoreExemples3StylesDisponibles

Default

export const Default = () => (
  <Box width={'100%'} height={600}>
    <PdfViewer source={samplePdfUrl} title="Document PDF exemple" />
  </Box>
);

WithHeaders

export const WithHeaders = () => (
  <Box width={'100%'} height={600}>
    <PdfViewer
      source={samplePdfUrl}
      headers={{ Authorization: 'Bearer example-token' }}
      title="Document PDF avec headers"
    />
  </Box>
);

CustomTitle

export const CustomTitle = () => (
  <Box width={'100%'} height={600}>
    <PdfViewer source={samplePdfUrl} title="Mon document personnalisé" />
  </Box>
);

Alveole UI Kit — v1.8.4