# Θ 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: 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:

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

The question should be specific, self-contained, and written in natural language.
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.