graphix-stdlib 0.3.1

A dataflow language for UIs and network programming, standard library
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72

# The Tabs Widget

The `tabs` widget creates a tabbed interface for organizing content into multiple switchable panels. Each tab has a title displayed in the tab bar and associated content that's shown when the tab is selected.

## Interface

```graphix
val tabs: fn(
  ?#divider: &[Span, null],
  ?#highlight_style: &[Style, null],
  ?#padding_left: &[Line, null],
  ?#padding_right: &[Line, null],
  ?#selected: &[i64, null],
  ?#size: &[Size, null],
  ?#style: &[Style, null],
  &Array<(Line, Tui)>
) -> Tui;
```

## Parameters

- **selected** - Index of the currently selected tab (0-indexed)
- **highlight_style** - Style for the selected tab title
- **style** - Base style for unselected tab titles
- **divider** - String or span separating tab titles

## Examples

### Basic Usage

```graphix
{{#include ../../examples/tui/tabs_basic.gx}}
```

![Basic Tabs](./media/tabs_basic.png)

### Navigation Between Tabs

```graphix
{{#include ../../examples/tui/tabs_navigation.gx}}
```

![Tabs With Navigation](./media/tabs_navigation.gif)

### Styled Tab Titles

```graphix
{{#include ../../examples/tui/tabs_styled.gx}}
```

![Styled Tabs](./media/tabs_styled.png)

### Tab with Badge

```graphix
{{#include ../../examples/tui/tabs_badge.gx}}
```

![Tabs With Badges](./media/tabs_badge.png)

## Keyboard Navigation

Common patterns:
- `Left`/`Right` - Switch to previous/next tab
- `Tab` - Cycle forward through tabs
- Number keys - Jump directly to tab

## See Also

- [block](block.md) - For containing tabs with borders
- [list](list.md) - Common content for tabs
- [table](table.md) - For tabular content in tabs