# TIP: Customize Tabs Behavior

DevFeed: [TIP: Customize Tabs Behavior](<https://devfeed.tech/articles/tip-customize-tabs-behavior-19570.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/tip-customize-tabs-behavior/>)

Author: Shai Almog

Published: 2017-01-22T00:00:00Z

Content type: tutorial

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [ui](<https://devfeed.tech/topics/ui.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [component](<https://devfeed.tech/tags/component.md>), [developers](<https://devfeed.tech/tags/developers.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

A Codename One tutorial demonstrates how to customize multi-line tabs. The Tabs component supports flexible layouts, including closable tabs and tabs spanning multiple rows, with line breaks adapting to available space and orientation.

## Source excerpt

The Tabs component isn't our first attempt at the multi-tab UI and as such we made a lot of changes to the logic to facilitate a level of flexibility that can answer most use cases e.g. Tabs that can be closed with an X on the top right section or span multiple rows. Most developers are oblivious to this capability which is a shame, it is indeed a bit obscure. The code below demonstrates multi-line tabs: