@kumiki/machines/tabs · API

interface Interfaces 3

interface tabs/index.ts · L62

# CreateTabsInput

Members

activation?: optional activation?: TabsActivation
defaultValue?: optional defaultValue?: string | null
disabled?: optional disabled?: boolean
items: items: readonly TabItem[]
navigation?: optional navigation?: "wrap" | "clamp"
Whether arrow navigation wraps (default per APG) or clamps.

interface tabs/index.ts · L30

# TabItem

Members

disabled?: readonly optional disabled?: boolean
###### Overrides

CollectionItem.disabled
id: readonly id: string
###### Overrides

CollectionItem.id
label?: readonly optional label?: string
###### Overrides

CollectionItem.label
value: readonly value: string

interface tabs/index.ts · L51

# TabsContext

Members

activation: activation: TabsActivation
focusedId: focusedId: string | null
items: items: readonly TabItem[]
value: value: string | null

type Type Aliases 4

type tabs/index.ts · L37

# TabsActivation

TabsActivation = "automatic" | "manual"

type tabs/index.ts · L39

# TabsEvent

TabsEvent = { id: string; type: "SELECT"; } | { id: string; type: "FOCUS"; } | { type: "BLUR"; } | { direction: NavigateDirection; type: "NAVIGATE"; } | { type: "ACTIVATE_FOCUSED"; } | { type: "SET.VALUE"; value: string | null; } | { items: ReadonlyArray<TabItem>; type: "SET.ITEMS"; } | { activation: TabsActivation; type: "SET.ACTIVATION"; } | { type: "DISABLE"; } | { type: "ENABLE"; }

type tabs/index.ts · L60

# TabsMachine

TabsMachine = Machine<TabsContext, TabsEvent, TabsState>

type tabs/index.ts · L58

# TabsState

TabsState = "idle" | "disabled"

function Functions 1

function tabs/index.ts · L93

# createTabsMachine ( )

createTabsMachine(input): TabsMachine

Construct a fresh Tabs machine.

Parameters

input: CreateTabsInput

Returns

TabsMachine