Collapsers
Collapser Groups
Code Block
<Tabs> <TabsBar> <TabsBarItem id="tab-1">Tab one</TabsBarItem> <TabsBarItem id="tab-2">Tab two</TabsBarItem> <TabsBarItem id="tab-3">Tab three</TabsBarItem> </TabsBar>
<TabsPages> <TabsPageItem id="tab-panel-1">Contents for tab one</TabsPageItem> <TabsPageItem id="tab-panel-2">Contents for tab two</TabsPageItem> <TabsPageItem id="tab-panel-3">Contents for tab three</TabsPageItem> </TabsPages></Tabs>;
Tabs
This tab has an image.
![Popover A screenshot of a popover](/images/style-guide_screenshot-crop_popover.webp)
Contents for tab two
This tab has a code block.
metadata = {"environment": "notebook"}model_version = "1.0"features_columns, labels_columns = ( ["feature_1", "feature_2", "feature_3", "feature_4"], ["target"],)
Popovers
This is an example of an inline popover component for