Skip to content

quilt-react / Interface: TabBarStyle ​

Defined in: packages/dom/src/types.ts:47

Extended by ​

Properties ​

attachment? ​

optional attachment?: "anchored" | "floating"

Defined in: packages/dom/src/types.ts:55

Anchored by default; floating bars overlay content with an 8px inset.


corners? ​

optional corners?: "rounded" | "fitted" | "capsule"

Defined in: packages/dom/src/types.ts:57


display? ​

optional display?: "automatic" | "compact"

Defined in: packages/dom/src/types.ts:51

Automatic shows labels as width permits; compact always uses icons only.


fit? ​

optional fit?: "full" | "fit"

Defined in: packages/dom/src/types.ts:56


mode? ​

optional mode?: "full" | "tapered"

Defined in: packages/dom/src/types.ts:52


placement? ​

optional placement?: "top" | "left"

Defined in: packages/dom/src/types.ts:49

Left placement uses an icon-only rail; mode and shape apply in either placement.


shape? ​

optional shape?: "vertical" | "angle" | "round" | "scoop" | "rounded"

Defined in: packages/dom/src/types.ts:53


taperWidth? ​

optional taperWidth?: number

Defined in: packages/dom/src/types.ts:59

Positive finite CSS pixels. Omit to match header height.

Documentation for released Quilt 0.11.0.