> ## Documentation Index
> Fetch the complete documentation index at: https://doc.lucidworks.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Breadcrumbs tag

export const LwTemplate = ({title = "Key questions to get you started", icon = "sparkles", cta = "Powered by Agent Studio", linkHref = "https://lucidworks.com/demo/?utm_source=docs&utm_medium=referral&utm_campaign=docs_cta_ai"}) => {
  const [isLoaded, setIsLoaded] = useState(false);
  useEffect(() => {
    const timer = setTimeout(() => {
      setIsLoaded(true);
    }, 500);
    return () => clearTimeout(timer);
  }, []);
  return <div className="lw-template-container">
      <Card title={title} icon={icon}>
        {isLoaded && <span dangerouslySetInnerHTML={{
    __html: `<lw-template id="a029c1a9-28be-427e-b0e1-5d918920246a"></lw-template
            >`
  }} />}
        <Link href={linkHref} className="agent-studio-link text-left text-gray-600 gap-2 dark:text-gray-400 text-sm font-medium flex flex-row items-center hover:text-primary dark:hover:text-primary-light group-hover:text-primary group-hover:dark:text-primary-light">Powered by Lucidworks Agent Studio</Link>
      </Card>
    </div>;
};

[localhost link]: http://localhost:3000/docs/4/app-studio/concepts/navigation/breadcrumbs-tag

[old doc.lw link]: https//doc.lucidworks.com/app-studio/4.2/3104

[mintlify link]: https://doc.lucidworks.com/docs/4/app-studio/concepts/navigation/breadcrumbs-tag

The Breadcrumbs tag outputs the components of the Query for example, the query string and filters. If the original Query is provided to the tag via an attribute then HTML will automatically be generated to display and allow the removal of individual filters.

<LwTemplate />

## Usage

This example shows how to add breadcrumbs to the page. When no body is specified for the tag, Appkit will generate appropriate HTML.

```xml wrap  theme={"dark"}
<search:breadcrumbs response="response"></search:breadcrumbs>
```

For a complete list of attributes, see the [`search:breadcrumbs`](/docs/4/app-studio/reference/tags/lightning.directive.searchBreadcrumbs) tag doc.