28 lines
898 B
JavaScript
28 lines
898 B
JavaScript
import React from "react";
|
|
import { storiesOf } from "@storybook/react";
|
|
import { text, boolean, withKnobs } from "@storybook/addon-knobs/react";
|
|
import Label from ".";
|
|
import Section from "../../../.storybook/decorators/section";
|
|
import withReadme from "storybook-readme/with-readme";
|
|
import Readme from "./README.md";
|
|
|
|
storiesOf("Components|Label", module)
|
|
.addDecorator(withKnobs)
|
|
.addDecorator(withReadme(Readme))
|
|
.add("base", () => {
|
|
return (
|
|
<Section>
|
|
<Label
|
|
isRequired={boolean("isRequired", false)}
|
|
error={boolean("error", false)}
|
|
isInline={boolean("isInline", false)}
|
|
title={text("title", "Fill the first name field")}
|
|
truncate={boolean("truncate", false)}
|
|
htmlFor={text("htmlFor")}
|
|
text={text("text", "First name:")}
|
|
display={text("display")}
|
|
/>
|
|
</Section>
|
|
);
|
|
});
|