Struct Tabs 

pub struct Tabs { /* private fields */ }

Tabs component for switching between content sections

Example

use armas_basic::Tabs;

let mut tabs = Tabs::new(vec!["Account", "Password"])
    .height(24.0)
    .font_size(12.0);
let response = tabs.show(ui);
if response.changed {
    // Tab changed to response.selected
}

Implementations

impl Tabs

pub fn new(labels: Vec<impl Into<String>>) -> Self

Create new tabs with labels

pub fn active(self, index: usize) -> Self

Set active tab index

pub const fn animate(self, animate: bool) -> Self

Enable or disable animation

pub const fn width(self, width: f32) -> Self

Set width (0 = fit content, which is the default)

pub const fn height(self, height: f32) -> Self

Set overall height

pub const fn padding(self, padding: f32) -> Self

Set inner padding

pub const fn list_radius(self, radius: f32) -> Self

Set outer container corner radius

pub const fn trigger_radius(self, radius: f32) -> Self

Set active indicator corner radius

pub const fn trigger_padding_x(self, padding: f32) -> Self

Set horizontal padding inside each tab trigger

pub const fn gap(self, gap: f32) -> Self

Set gap between tabs

pub const fn font_size(self, size: f32) -> Self

Set font size

pub fn show(&mut self, ui: &mut Ui) -> TabsResponse

Show the tabs and return the response

pub fn show_ui( &mut self, ui: &mut Ui, count: usize, render_tab: impl Fn(usize, &mut Ui, &ContentContext), ) -> TabsResponse

Show the tabs with custom content for each tab trigger.

The closure receives the tab index, a &mut Ui, and a ContentContext. If width is not set, the tabs use ui.available_width() and distribute tab widths evenly.

Example

let mut tabs = Tabs::new(Vec::<String>::new()).height(28.0);
let response = tabs.show_ui(ui, 3, |index, ui, ctx| {
    // Render icon + label for tab `index` using ctx.color
    let labels = ["Account", "Password", "Settings"];
    ui.label(labels[index]);
});