fast-tabs
Usage
Live Editor
Result
Stuffed artichokes Bruschetta Oven-baked polenta Salami and Fig Crostini with Ricotta Rosemary-Potato Focaccia with Goat Cheese
Mushroom-Sausage Ragù Tomato Bread Soup with Steamed Mussels Grilled Fish with Artichoke Caponata Celery Root and Mushroom Lasagna Osso Buco with Citrus Gremolata
Tiramisu Spumoni Limoncello and Ice Cream with Biscotti
Applying custom styles
fast-tabs
import { customElement } from "@microsoft/fast-element";
import { Tabs, TabsTemplate as template } from "@microsoft/fast-foundation";
import { TabsStyles as styles } from "./tabs.styles";
@customElement({
name: "fast-tabs",
template,
styles,
})
export class FASTTabs extends Tabs {}
fast-tab
import { customElement } from "@microsoft/fast-element";
import { Tab, TabTemplate as template } from "@microsoft/fast-foundation";
import { TabStyles as styles } from "./tab.styles";
@customElement({
name: "fast-tab",
template,
styles,
})
export class FASTTab extends Tab {}
fast-tab-panel
import { customElement } from "@microsoft/fast-element";
import { TabPanel, TabPanelTemplate as template } from "@microsoft/fast-foundation";
import { TabPanelStyles as styles } from "./tab-panel.styles";
@customElement({
name: "fast-tab-panel",
template,
styles,
})
export class FASTTabPanel extends TabPanel {}