# Tabs ```rust demo let selected_value = RwSignal::new(String::new()); view! { <TabList selected_value> <Tab value="apple"> "Apple" </Tab> <Tab value="pear"> "Pear" </Tab> <Tab value="item1"> "Item 1" </Tab> <Tab value="item2"> "Item 2" </Tab> </TabList> } ``` ### Tabs Props | Name | Type | Default | Description | | -------- | ----------------------------------- | -------------------- | --------------------------------------- | | class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the tabs element. | | value | `Model<String>` | `Default::default()` | Tabs value. | | children | `Children` | | Tabs content. | ### Tab Props | Name | Type | Default | Description | | -------- | ----------------------------------- | -------------------- | -------------------------------------- | | class | `OptionalProp<MaybeSignal<String>>` | `Default::default()` | Addtional classes for the tab element. | | key | `String` | | The indentifier of the tab. | | label | `String` | `Default::default()` | The label of the tab. | | children | `Children` | | Tabs content. | ### Tab Slots | Name | Default | Description | | -------- | ------- | -------------- | | TabLabel | `None` | label content. |