29 lines
938 B
Plaintext
29 lines
938 B
Plaintext
import { Meta, Story, ArgsTable, Canvas } from "@storybook/blocks";
|
|
|
|
import RowContent from "./";
|
|
import * as stories from "./row-content.stories.js";
|
|
|
|
<Meta title="Components/RowContent" component={RowContent} />
|
|
|
|
# RowContent
|
|
|
|
Required for formatted output of elements inside Row
|
|
|
|
<Canvas>
|
|
<Story story={stories.basic} name="Default" />
|
|
</Canvas>
|
|
|
|
<ArgsTable story="Default" />
|
|
|
|
## Description
|
|
|
|
To correctly display components inside RowContent, you must specify them in a certain order.
|
|
|
|
The first and second specified components will be interpreted as Main elements.
|
|
First will be MainTitle and second MainIcons.
|
|
All subsequent components will be located on the right and are considered SideElements.
|
|
|
|
**_Consider location of components in advance, since when viewing in tablet mode, the markup will shift SideElements to second line._**
|
|
|
|
Each not main child can take containerWidth property for task of width of child's container.
|