# Θ ABC - Center

Collection: The App Bar Container (ABC) is a collection of the content that is in the center (horizontally) of the app bar. This content can be informative or actionable depending on the type of app bar.

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

* Parent: [App Bar Top & Bottom](/core/components/app-bar.md)
* Children: [ABC - Pieces](/core/components/app-bar/abc-pieces.md)

## Properties

### Type

The general theme for the collection of controls, most often this type will be the same as the central (most centered) object in the collection. These "Types" are supplied by the abc-pieces collection.

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

**Title** (default)- Informational content to give the user the name/action of the screen they are on.

**Wordmark/Logo** - Normally for branding purposes with the wordmark just being a wider reserved width of 21:9 and the logo set to a 1:1 ratio.

**Search** - When one of the primary abilities of the screen is to search its contents we will opt to show the search field as opposed to hiding it behind a search icon.

**Toggle** - When the contents of the screen can be divided into sub sections we can drop in a toggle button group.

**Tab Bar** - The ability to navigate to the primary areas of the application in a side-scrollable (optional) grouping of tabs.

**None** - Of course the app bar could also set the center area to nothing at all.

## Functionality

The ABC - Center expands to fill the full width of the App Bar, where the Leading and Trailing sections hug their contents.


---

# 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-center.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.