Web: Components: fixed storybook blocks import
This commit is contained in:
parent
100d5ef173
commit
4037e62d61
@ -1,4 +1,4 @@
|
||||
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
|
||||
import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
|
||||
|
||||
import AccessRightSelect from "./";
|
||||
import * as stories from "./access-right-select.stories.js";
|
||||
|
@ -1,10 +1,4 @@
|
||||
import {
|
||||
Meta,
|
||||
Story,
|
||||
ArgsTable,
|
||||
Canvas,
|
||||
Controls,
|
||||
} from "@storybook/addon-docs/blocks";
|
||||
import { Meta, Story, ArgsTable, Canvas, Controls } from "@storybook/blocks";
|
||||
import CatalogEmployeeReactSvg from "PUBLIC_DIR/images/catalog.employee.react.svg?url";
|
||||
import ComboBox from "./";
|
||||
import * as stories from "./combobox.stories.js";
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
|
||||
import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
|
||||
import EmailChips from "./";
|
||||
import * as stories from "./email-chips.stories.js";
|
||||
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
|
||||
import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
|
||||
|
||||
import EmailInput from "./";
|
||||
import * as stories from "./email-input.stories.js";
|
||||
|
@ -1,10 +1,4 @@
|
||||
import {
|
||||
Meta,
|
||||
Story,
|
||||
ArgsTable,
|
||||
Canvas,
|
||||
Controls,
|
||||
} from "@storybook/addon-docs/blocks";
|
||||
import { Meta, Story, ArgsTable, Canvas, Controls } from "@storybook/blocks";
|
||||
|
||||
import * as stories from "./main-button-mobile.stories.js";
|
||||
import MainButtonMobile from "./index.js";
|
||||
@ -18,7 +12,7 @@ import MainButtonMobile from "./index.js";
|
||||
# MainButtonMobile
|
||||
|
||||
<Canvas>
|
||||
<Story story={stories.Default} />
|
||||
<Story of={stories.Default} />
|
||||
</Canvas>
|
||||
|
||||
## Properties
|
||||
|
@ -1,34 +1,24 @@
|
||||
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
|
||||
import { Meta, Story, ArgsTable, Canvas, Controls } from "@storybook/blocks";
|
||||
|
||||
import PasswordInput from "./";
|
||||
import * as stories from "./password-input.stories.js";
|
||||
import InputBlock from "../input-block";
|
||||
|
||||
<Meta
|
||||
title="Components/PasswordInput"
|
||||
component={PasswordInput}
|
||||
subcomponents={{ InputBlock }}
|
||||
argTypes={{
|
||||
onChange: { action: "onChange" },
|
||||
onValidateInput: { action: "onValidateInput" },
|
||||
onCopyToClipboard: { action: "onCopyToClipboard" },
|
||||
onKeyDown: { onKeyDown: "onKeyDown" },
|
||||
}}
|
||||
/>
|
||||
<Meta title="Components/PasswordInput" component={PasswordInput} />
|
||||
|
||||
# PasswordInput
|
||||
|
||||
Password entry field with advanced capabilities for displaying, validation of correspondence and generation based on settings
|
||||
|
||||
<Canvas>
|
||||
<Story story={stories.basic} name="Default" />
|
||||
<Story of={stories.Default} />
|
||||
</Canvas>
|
||||
|
||||
### Properties
|
||||
|
||||
You can apply all the parameters of the InputBlock component to the component.
|
||||
|
||||
<ArgsTable story="Default" />
|
||||
<Controls />
|
||||
|
||||
## Description
|
||||
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { Meta, Story, ArgsTable, Canvas } from "@storybook/addon-docs/blocks";
|
||||
import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
|
||||
|
||||
import RowContent from "./";
|
||||
import * as stories from "./row-content.stories.js";
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { Canvas, Meta, Story } from "@storybook/addon-docs/blocks";
|
||||
import { Canvas, Meta, Story } from "@storybook/blocks";
|
||||
|
||||
import Submenu from "./";
|
||||
import * as stories from "./submenu.stories.js";
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
|
||||
import { Story, ArgsTable, Canvas, Meta } from "@storybook/blocks";
|
||||
import * as stories from "./tabs-container.stories.js";
|
||||
import TabContainer from "./";
|
||||
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
|
||||
import { Story, ArgsTable, Canvas, Meta } from "@storybook/blocks";
|
||||
import * as stories from "./toast.stories.js";
|
||||
|
||||
import Toast from "./";
|
||||
|
@ -1,10 +1,4 @@
|
||||
import {
|
||||
Story,
|
||||
ArgsTable,
|
||||
Canvas,
|
||||
Meta,
|
||||
Controls,
|
||||
} from "@storybook/addon-docs/blocks";
|
||||
import { Story, ArgsTable, Canvas, Meta, Controls } from "@storybook/blocks";
|
||||
import * as stories from "./tooltip.stories.js";
|
||||
|
||||
import Tooltip from "./";
|
||||
@ -26,7 +20,7 @@ Custom tooltip
|
||||
#### See documentation: https://github.com/wwayne/react-tooltip
|
||||
|
||||
<Canvas>
|
||||
<Story story={stories.all} name="All" />
|
||||
<Story of={stories.all} />
|
||||
</Canvas>
|
||||
|
||||
### Usage with IconButton
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { Story, ArgsTable, Canvas, Meta } from "@storybook/addon-docs/blocks";
|
||||
import { Story, ArgsTable, Canvas, Meta } from "@storybook/blocks";
|
||||
import * as stories from "./tree-menu.stories.js";
|
||||
|
||||
import TreeMenu from "./";
|
||||
|
Loading…
Reference in New Issue
Block a user