react-directus

Home > react-directus > DirectusAsset

DirectusAsset variable

DirectusAsset is a React Component that renders an asset from your Directus API.

Signature:

DirectusAsset: ({ apiUrl: propsApiUrl, accessToken: propsAccessToken, asset, download, render, }: DirectusAssetProps) => JSX.Element

Example

Here is an example of how to use DirectusAsset

import { DirectusAsset } from 'react-directus';
import { createRoot } from 'react-dom/client';

const root = createRoot(document.getElementById('root'));
root.render(
 <DirectusAsset asset={1} render={({ url }) => <img src={url} />} />
);

This site is open source. Improve this page.