> For the complete documentation index, see [llms.txt](https://able.bucca.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://able.bucca.com/core/components/app-bar/abc-pieces.md).

# Θ ABC - Pieces

Collection: The individual actionable buttons, icons, and text that are grouped together in sections (ABC Leading, Center, Trailing) for use within the App Bar.

[Styleguide Link](https://zpl.io/V13kP6w)

* Parent: [App Bar Top & Bottom](/core/components/app-bar.md)
* Children: [Icon](/core/overview/icon.md), [Label](/core/overview/label.md), [Button](/core/overview/button.md), [Avatar,](/core/overview/avatar.md) [Graphic](/core/overview/graphic.md), [Toggle](/core/overview/toggle.md), [Field](/core/overview/field.md), [Tab - Bar](/core/components/tab-bar.md), [NavToggle](/core/overview/toggle/navtoggle.md)

## Properties

### Type

All of the options available for use in the App Bar are collected here.

<figure><img src="/files/OVQhNQ8bnsX6FfMQPAZb" alt=""><figcaption></figcaption></figure>

* **Icon** - The default for most controls in the app bar, the display of an icon that serves as a metaphor for an activity.
* **Text** - Used interchanabily with icons to spell out the action being preformed when the control is interacted with.
* **Button** - To provide a little more visibility to th action we can use buttons in the app bar with text and/or icons.
* **Avatar** - When we'd like to use an avatar instead of an icon. This is commonly used for a users profile or settings area navigation.
* **Logo** - This can be a logo for branding purposes or an illustration.
* **Wordmark** - A little larger space for a graphic or illustration to exist.
* **Title** - Used to provide content to the current screen or to inform of an action that is being taken on the screens contents.
* **Toggle** - Used as a filter or as an alternative to tabs.
* **Input** - Most often used as a search field but it could take on other text input concepts.
* **Tab Bar** - A horizontally scrollable tab bar for navigating to the primary sections of the application.
* **NavToggle** - An expandable grouping or single toggle button that has the primary purpose of navigating back in the history stack, with a secondary action to expand-and-reveal additional tools available in the newly revealed toggle buttons.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://able.bucca.com/core/components/app-bar/abc-pieces.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.