> ## 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.

# Remove Item from Collection

export const MultiRelatedLinks = ({sections = []}) => {
  if (!sections || sections.length === 0) {
    return null;
  }
  return <div className="space-y-8">
      {sections.map((section, index) => <RelatedLinks key={index} title={section.title} items={section.items} />)}
    </div>;
};

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 <div className="my-8">
      {}
      <h3 className="text-sm font-bold uppercase tracking-wider mb-4">{title}</h3>

      {}
      <div className="flex flex-col gap-3">
        {items.map((item, index) => <a key={index} href={item.href} className="py-2 px-3 rounded related_link hover:bg-[#f2f2f2] dark:hover:bg-[#111827] flex items-center gap-3 group no-underline hover:no-underline border-b-0">
            {}
            <span className={`px-2 py-1 rounded-full text-xs font-semibold uppercase tracking-wide flex-shrink-0 ${getBadgeClass(item.badge)}`}>
              {item.badge}
            </span>

            {}
            <span className="text-base">{item.label}</span>
          </a>)}
      </div>
    </div>;
};

To remove an item from a collection, call the `PUT` endpoint for that specific
type of item and pass along a list of collection IDs that does not include the
ID of the collection that needs to be removed.

<Warning>
  The only collection that is available via the API is the "Favorites"
  collection and therefore to remove an item from this collection can be
  achieved by passing the API an empty array of collections.
</Warning>

## Remove file from collection

To remove a file from a collection, call the `PUT /files/:id` API and pass an empty
array of collection IDs.

## Remove folder from collection

To remove a folder from a collection, call the `PUT /folders/:id` API and pass an
empty array of collection IDs.

## Remove web link from collection

To remove a web link from a collection, call the `PUT /web_links/:id` API and
pass an empty array of collection IDs.

<RelatedLinks
  title="RELATED APIS"
  items={[
  { label: "Update file", href: "/reference/put-files-id", badge: "PUT" },
  { label: "Update folder", href: "/reference/put-folders-id", badge: "PUT" },
  { label: "Update web link", href: "/reference/put-web-links-id", badge: "PUT" },
  { label: "List all collections", href: "/reference/get-collections", badge: "GET" }
]}
/>
