Header

Unless you know exactly what you are doing and why your app doesn't need a Header, you should always configure the Header with an icon and a title. You can configure the color as well, the default one is white.

These can be configured via metatags in the document head section

  • <meta name="ts-app-title" content="Header"/>
    <meta name="ts-app-color" content="ts-blue"/>
    <link rel="ts-app-icon" href="assets/appicon.svg"/>

— or via attributes on the App element as seen in your basic layout

  • <div data-ts="App"
    	data-ts.title="Header"
    	data-ts.color="ts-blue"
    	data-ts.icon="assets/appicon.svg">
    </div>

— or with JavaScript via the ts.ui.Header API.

ts.ui.Header.title('Header').icon('assets/appicon.svg').color('ts-blue');

All colors we support are: ts-blue,ts-red,ts-orange,ts-yellow,ts-green,ts-purple,ts-pink,ts-gray,ts-slate,ts-black and the default is white.

Here's an overview of the Header API.

If you find a bug or need a feature…

  • Create GitHub Issue…