Tab Item Modifier

Set the Tab Bar item associated with each screen or layer.

Updated over a week ago

A Tab Bar Item represents an item in a Tab View layer, which is typically used to implement a Tab Bar in an app. A Tab Bar allows users to switch between different sections of an app easily. Use the Tab Item modifier to specify the content of the Tab Bar item. It consists of an Icon, usually an SF Symbol, and a Title.

When building an app with a tab bar, apply the Tab Item modifier to each screen’s instance on the main screen.

A Tab Bar Item can also be used to implement a Page Control for a carousel. However, for a paged Tab View layer, you can only change the Icon. If you add a Title, it will not affect the indicators in your Page Control.


The Tab View container will always display the Fill variant of an SF Symbol, if available. For example, if you select star, it will automatically use star.fill.

Did this answer your question?