optimizely-oui
Version:
Optimizely's Component Library.
42 lines • 1.25 kB
JavaScript
import React from "react";
import { storiesOf } from "@storybook/react";
import { Typography } from "../Typography/typography";
var storiesForRow = storiesOf("Informational|Typography", module);
storiesForRow.addDecorator(function (story) {
return React.createElement("div", {
id: "root-preview"
}, story());
});
storiesForRow.add("Default", function () {
return React.createElement(React.Fragment, null, React.createElement(Typography, {
tag: "h1",
type: "header1"
}, "Header 1"), React.createElement(Typography, {
tag: "h2",
type: "header2"
}, "Header 2"), React.createElement(Typography, {
tag: "h3",
type: "header3"
}, "Header 3"), React.createElement(Typography, {
tag: "h4",
type: "header4"
}, "Header 4"), React.createElement(Typography, {
tag: "h5",
type: "header5"
}, "Header 5"), React.createElement(Typography, {
tag: "p",
type: "subhead"
}, "Subhead"), React.createElement(Typography, {
tag: "p",
type: "body"
}, "Body"), React.createElement(Typography, {
tag: "p",
type: "caption"
}, "Caption"), React.createElement(Typography, {
tag: "p",
type: "xs"
}, "xs"), React.createElement(Typography, {
tag: "p",
type: "xxs"
}, "xxs"));
});