{"size": 2266, "ext": "js", "max_stars_repo_path": "misc/derecated-api-docs/modern/modern/src/TitleBar.js", "max_stars_repo_name": "msgimanila/EXT-React-MSG", "max_stars_repo_stars_event_min_datetime": "2018-08-29T15:23:23.000Z", "max_stars_repo_stars_event_max_datetime": "2022-01-30T07:46:28.000Z", "max_issues_repo_path": "misc/derecated-api-docs/modern/modern/src/TitleBar.js", "max_issues_repo_name": "msgimanila/EXT-React-MSG", "max_issues_repo_issues_event_min_datetime": "2018-08-21T22:44:33.000Z", "max_issues_repo_issues_event_max_datetime": "2021-08-11T21:08:29.000Z", "max_forks_repo_path": "misc/derecated-api-docs/modern/modern/src/TitleBar.js", "max_forks_repo_name": "msgimanila/EXT-React-MSG", "max_forks_repo_forks_event_min_datetime": "2018-08-08T17:12:19.000Z", "max_forks_repo_forks_event_max_datetime": "2021-11-11T10:00:49.000Z"}
{"max_stars_count": 94, "max_issues_count": 49, "max_forks_count": 46, "avg_line_length": 25.4606741573, "max_line_length": 98, "alphanum_fraction": 0.5604589585}
/**
 * @class Ext.TitleBar
 * @extend Ext.Container
 * @xtype titlebar
 *
 * {@link Ext.TitleBar}'s are most commonly used as a docked item within an {@link Ext.Container}.
 *
 * The main difference between a {@link Ext.TitleBar} and an {@link Ext.Toolbar} is that
 * the {@link #title} prop.
 *
 * You can also give items of a {@link Ext.TitleBar} an `align` prop of `left` or `right`,
 * which will dock them to the `left` or `right` of the bar.
 *
 *     @example packages=[ext-react]
 *     import React, { Component } from 'react';
 *     import { ExtReact, Container, TitleBar, Button } from '@sencha/ext-react-modern';
 *
 *     export default class MyExample extends Component {
 *         render() {
 *             return (
 *                 <ExtReact>
 *                     <Container>
 *                         <TitleBar title="App Title" docked="top">
 *                             <Button align="left" iconCls="x-fa fa-bars"/>
 *                             <Button align="right" iconCls="x-fa fa-inbox" text="Inbox"/>
 *                             <Button align="right" iconCls="x-fa fa-user" text="Profile"/>
 *                         </TitleBar>
 *                     </Container>
 *                 </ExtReact>
 *             )
 *         }
 *     }
 */

/**
 * @cfg cls
 * @inheritdoc
 */

/**
 * @cfg {String} [title=null]
 * The title of the toolbar.
 * @accessor
 */

/**
 * @cfg {String} [titleAlign='center']
 * The alignment for the title of the toolbar.
 * @accessor
 */

/**
 * @cfg {String} [defaultType='button']
 * The default xtype to create.
 * @accessor
 */

/**
 * @cfg {String} [defaultButtonUI=null]
 * A default {@link Ext.Component#ui ui} to use for {@link Ext.Button Button} items.
 */

/**
 * @cfg {String/Number} [minHeight=null]
 * The minimum height height of the Toolbar.
 * @accessor
 */

/**
 * @cfg layout
 * @hide
 */

/**
 * @cfg {Array/Object} [items=[]]
 * The child items to add to this TitleBar. The {@link #defaultType} of
 * a TitleBar is {@link Ext.Button}.
 *
 * You can also give items an `align` prop, which will align the item to the `left` or `right` of
 * the TitleBar.
 * @accessor
 */

/**
 * @cfg {String} [maxButtonWidth='40%']
 * The maximum width of the button by percentage
 * @accessor
 */
