> ## Documentation Index > Fetch the complete documentation index at: https://developer.box.com/llms.txt > Use this file to discover all available pages before exploring further. # Download in Browser export const MultiRelatedLinks = ({sections = []}) => { if (!sections || sections.length === 0) { return null; } return

{sections.map((section, index) => )}

; }; export const RelatedLinks = ({title, items = []}) => { const getBadgeClass = badge => { if (!badge) return "badge-default"; const badgeType = badge.toLowerCase().replace(/\s+/g, "-"); return `badge-${badge === "ガイド" ? "guide" : badgeType}`; }; if (!items || items.length === 0) { return null; } return

{}

{title}

{}

{items.map((item, index) => {} {item.badge} {} {item.label} )}

; }; export const Link = ({href, children, className, ...props}) => { const localizedHref = href; return {children} ; }; Sometimes an application wants to embed a file into a page as a HTML element. An example would be when working with an audio player. ```html theme={null}

``` In this case, using the regular download URL does not work because the `dl.boxcloud.com` domain does not support Cross Origin Resource Sharing. Instead an application can use the following format. ```sh theme={null} https://api.box.com/2.0/files/[FILE_ID]/content?access_token=[ACCESS_TOKEN] ``` **CORS** For this to work the application needs to have the domain of the web site hosting this file added to the list of allowed domains in the CORS settings. **Downscope Token** Using this method would expose the Access Token to the end user, allowing them to potentially use this token to do more than intended. For this reason we recommend downscoping this token accordingly.