# developer Headless Experience Layer Developer Guide (Beta) (headless-experience-layer)

## Content

- [Full documentation](/developer/current/en-us/headless-experience-layer/llms-full.txt)

- [Accordion](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/accordion.md)
- [Accordion Item](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/accordionItem.md)
- [Avatar](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/avatar.md)
- [Badge](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/badge.md)
- [Build Rich UI Experiences with HXL Widgets](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-rich-ui.md)
- [Button](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/button.md)
- [Callout](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/callout.md)
- [Code](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/code.md)
- [Column](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/column.md)
- [Composition File](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-widget-composition.md)
- [Connect Your MCP Client to Your Org](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-mcp-setup-client.md)
- [Container](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/container.md)
- [Create a Custom Salesforce MCP Server](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-mcp-server.md)
- [Create the Apex Invocable Action](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-mcp-apex.md)
- [Create Widgets in HXL Playground](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/playground-widgets.md)
- [Example: Mapping a Hotel Card Widget for Agentforce](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-widget-example-mapping.md)
- [Example: Mapping a Hotel Card Widget for MCP](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-widget-example-mapping-mcp.md)
- [Explore Widgets in HXL Playground](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/playground.md)
- [Get Started with Headless Experience Layer](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/get-started.md)
- [Headless Experience Layer Release Notes](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/hxl-release-notes.md)
- [HXL Components](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/playground-components.md)
- [HXL Components](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/about-hxl-components.md)
- [HXL Lightning Types Reference](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/hxl-lightning-types.md)
- [Icon](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/icon.md)
- [Image](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/image.md)
- [Link](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/link.md)
- [List Item](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/listItem.md)
- [List Tile](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/list.md)
- [Markdown](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/markdown.md)
- [Prerequisites](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/prerequisites.md)
- [Progress](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/progress.md)
- [Row](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/row.md)
- [Schema File](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-widget-schema.md)
- [Separator](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/separator.md)
- [Set Up Your Org for MCP Access](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-mcp-setup-org.md)
- [Spacer](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/spacer.md)
- [Spinner](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/spinner.md)
- [Table](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/table.md)
- [Text](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/components/text.md)
- [Use Agentforce Vibes to Build HXL Widgets](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/hxl-vibes.md)
- [Use HXL Widgets as Agentforce Action Output](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/agentforce-action-output.md)
- [Use HXL Widgets with Agents That Support MCP](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-mcp-channels.md)
- [Widget Configuration File](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-widget-configuration.md)
- [Widget Example](/developer/current/en-us/headless-experience-layer/headless-experience-layer/guides/build-rich-ui/hxl-widget-example.md)
- [Widgets Glossary of Terms](/developer/current/en-us/headless-experience-layer/headless-experience-layer/reference/hxl-widgets-glossary.md)