> ## 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. # Content Sidebar export const Link = ({href, children, className, ...props}) => { const localizedHref = href; return {children} ; }; 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} )}
; }; The Box Content Sidebar UI Element allows developers to add support for viewing file related metadata and Activity Feed (incl. versions, comments and tasks) in their desktop or mobile web application. ## Installation Learn how to install Box UI elements either through NPM or the Box CDN. ## Authentication The UI Elements are designed in an authentication agnostic way so whether you are using UI Elements for users who have Box accounts (Managed Users) or non-Box accounts (App Users), UI Elements should work out of the box. The reason for this is that UI Elements only expect a "token" to be passed in for authentication, and Box provides two different ways to generate tokens - OAuth and JWT. ## Sample HTML ```html theme={null} Box Content Sidebar
``` ## Demo ### Stand-alone Sidebar