vcc-ui
Version:
VCC UI is a collection of React UI Components that can be used for developing front-end applications at Volvo Car Corporation.
36 lines • 1.27 kB
JavaScript
import React from "react";
import { storiesOf } from "@storybook/react";
import { TabNavItem } from "./";
import { TabNav } from "../tab-nav";
import { Block } from "../block";
storiesOf("Navigation/TabNavItem", module).addWithJSX("basic", function () {
return React.createElement(TabNavItem, null, "Build & Price");
}).addWithJSX("isActive", function () {
return React.createElement(TabNavItem, {
isActive: true
}, "Build & Price");
}).addWithJSX("variant=dark", function () {
return React.createElement(TabNavItem, {
variant: "dark"
}, "Build & Price");
}).addWithJSX("variant=dark isActive", function () {
return React.createElement(TabNavItem, {
variant: "dark",
isActive: true
}, "Build & Price");
}).addWithJSX("in subnav", function () {
return React.createElement(TabNav, {
sticky: true
}, React.createElement(Block, {
extend: {
justifyContent: "flex-start",
overflowX: "auto",
position: "relative",
overflowY: "hidden",
whiteSpace: "nowrap",
width: "100%",
padding: "0 20px",
boxSizing: "border-box"
}
}, React.createElement(TabNavItem, null, "Crossover/Wagon"), React.createElement(TabNavItem, null, "Sedan"), React.createElement(TabNavItem, null, "Hybrid")));
});