# Composed Components

Canonical: https://socra.design/composed-components

Higher-level compositions products can use without rebuilding common workflows.

- [App Bar](https://socra.design/composed-components/app-bar.md): App Bar in the UI system.
- [App Shells](https://socra.design/composed-components/app-shells.md): App Shells in the UI system.
- [Chat Input](https://socra.design/composed-components/composer-input.md): The shared Chat Input component.
- [Conversation](https://socra.design/composed-components/conversation.md): A complete conversation with message actions, reactions, replies, and composing.
- [Creation Dialogs](https://socra.design/composed-components/creation-dialogs.md): Creation Dialogs in the UI system.
- [Details Panels](https://socra.design/composed-components/details-panels.md): Details Panels in the UI system.
- [Headers](https://socra.design/composed-components/headers.md): Headers in the UI system.
- [Inbox](https://socra.design/composed-components/inbox.md): The shared Inbox component.
- [Product Frame](https://socra.design/composed-components/product-frame.md): The shared Product Frame component.
- [Product List](https://socra.design/composed-components/product-list.md): The shared Product List component.
- [Product Panes](https://socra.design/composed-components/product-panes.md): Product Panes in the UI system.
- [Sidebar](https://socra.design/composed-components/sidebar.md): The shared Sidebar component.
- [Tree View](https://socra.design/composed-components/tree-view.md): Tree View in the UI system.