Menu
Documentation

Content wrapper

The content wrapper wraps the page content. It provides slots and allows you to control the horizontal flow of the page.

Example

Default wrapper

Tabbed wrapper

The tabbed wrapper wraps the page content. It provides slots and allows you to nest a second view inside your page.

Components

TairoContentWrapper

Prop Type
class
default:-
unknown
key
default:-
PropertyKey
ref
default:-
VNodeRef
ref-for
default:-
boolean
ref-key
default:-
string
reverse
default:false
boolean
style
default:-
unknown
Slot Type
#left
{}
#right
{}
#default
{}

TairoContentWrapperTabbed

Prop Type
labels
default:-
string[]
class
default:-
unknown
key
default:-
PropertyKey
ref
default:-
VNodeRef
ref-for
default:-
boolean
ref-key
default:-
string
reverse
default:-
boolean
shape
default:"rounded"
"rounded" | "straight" | "curved" | "full"
style
default:-
unknown
title
default:-
string
Slot Type
#left
{}
#right
{}
#tab-1
{}
#tab-2
{}
#default
{}