51 lines
1.2 KiB
TypeScript
51 lines
1.2 KiB
TypeScript
import type { Meta, StoryObj } from "@storybook/react";
|
||
import React from "react";
|
||
|
||
import { ContentTitleWithSuggestions } from "../react";
|
||
|
||
const DEMO_TITLE =
|
||
"Заголовок с @[Мария](123e4567-e89b-12d3-a456-426614174001), тегом #release и ссылкой github.com";
|
||
|
||
const meta: Meta<typeof ContentTitleWithSuggestions> = {
|
||
title: "React/ContentTitleWithSuggestions",
|
||
component: ContentTitleWithSuggestions,
|
||
tags: ["autodocs"],
|
||
args: {
|
||
text: DEMO_TITLE,
|
||
blur: false,
|
||
ellipsis: {
|
||
rows: 2,
|
||
expandable: true,
|
||
symbol: "Читать полностью",
|
||
},
|
||
},
|
||
argTypes: {
|
||
text: { control: "text" },
|
||
blur: { control: "boolean" },
|
||
ellipsis: { control: false },
|
||
renderMention: { control: false },
|
||
renderTag: { control: false },
|
||
renderLink: { control: false },
|
||
ParagraphComponent: { control: false },
|
||
TextComponent: { control: false },
|
||
TitleComponent: { control: false },
|
||
},
|
||
render: args => (
|
||
<div style={{ maxWidth: 780, width: "100%" }}>
|
||
<ContentTitleWithSuggestions {...args} />
|
||
</div>
|
||
),
|
||
};
|
||
|
||
export default meta;
|
||
|
||
type Story = StoryObj<typeof meta>;
|
||
|
||
export const Playground: Story = {};
|
||
|
||
export const Blurred: Story = {
|
||
args: {
|
||
blur: true,
|
||
},
|
||
};
|