diff --git a/src/components/Stories/README.md b/src/components/Stories/README.md index 8c0c1191..045ed091 100644 --- a/src/components/Stories/README.md +++ b/src/components/Stories/README.md @@ -21,7 +21,8 @@ Component for displaying stories. It looks like a carousel in a modal with given | Field | Type | Required | Default | Description | | ----------- | ------------------ | -------- | ------- | -------------------------------- | | title | `String` | | | Title | -| description | `String` | | | Main text | +| description | `String` | | | Main text, deprecated | +| content | `React.ReactNode` | | | Main content | | url | `String` | | | Link to display more information | | media | `StoriesItemMedia` | | | Media content | @@ -41,7 +42,7 @@ Component for displaying stories. It looks like a carousel in a modal with given items={[ { title: 'Story title', - description: 'Story text', + content: Story text, media: { url: 'https://storage.yandexcloud.net/uikit-storybook-assets/story-picture-2.png', }, diff --git a/src/components/Stories/__stories__/Stories.stories.tsx b/src/components/Stories/__stories__/Stories.stories.tsx index bb0ca091..83025dc9 100644 --- a/src/components/Stories/__stories__/Stories.stories.tsx +++ b/src/components/Stories/__stories__/Stories.stories.tsx @@ -15,7 +15,7 @@ export default { const items: StoriesItem[] = [ { title: 'New navigation', - description: + content: 'At the top of the panel is the service navigation for each service. ' + 'Below are common navigation elements: a component for switching between accounts ' + 'and organizations, settings, help center, search, notifications, favorites.', @@ -26,7 +26,7 @@ const items: StoriesItem[] = [ }, { title: 'New navigation (2)', - description: 'A little more about the new navigation', + content: 'A little more about the new navigation', media: { url: 'https://storage.yandexcloud.net/uikit-storybook-assets/sample_960x400_ocean_with_audio.mp4', type: 'video', @@ -34,7 +34,7 @@ const items: StoriesItem[] = [ }, { title: 'New navigation (3)', - description: 'Switch to the new navigation right now', + content: Switch to the new navigation right now, media: { url: 'https://storage.yandexcloud.net/uikit-storybook-assets/story-picture-4.png', }, diff --git a/src/components/Stories/components/StoriesLayout/StoriesLayout.tsx b/src/components/Stories/components/StoriesLayout/StoriesLayout.tsx index 16e290c1..f2ccd951 100644 --- a/src/components/Stories/components/StoriesLayout/StoriesLayout.tsx +++ b/src/components/Stories/components/StoriesLayout/StoriesLayout.tsx @@ -55,7 +55,12 @@ export const StoriesLayout = (props: StoriesLayoutProps) => { {currentStory.title && (