wix-style-react
Version:
44 lines (43 loc) • 1.74 kB
JavaScript
export default {
description:
'Marketing page layout content is an internal component used to display content of `<MarketingPageLayout/>`.',
do: [
'Use it as a building part of <MarketingPage/>.',
'Use it to layout promotional content inside of a page.',
],
dont: [
'Don’t use this component alone. Always use it within <MarketingPage/>.',
'Don’t use it to layout promotional content inside of <Card/>. Use <MarketingLayout/> instead.',
],
featureExamples: [
{
title: 'Structure',
description: `The component consists of \`outline\`, \`title\`, \`subtitle\`, \`content\` and \`actions\` areas.
Each area is optional and highly customizable.`,
example: '_structure',
},
{
title: 'Size',
description: `Adjust the size of the content with \`size\` prop. It supports two sizes: <br/>
 - \`large\` (default) - use it in larger screens sizes.<br/>
 - \`medium\` - use it in smaller screen sizes.<br/>
<br/>
Read more about screen sizes in
<a href="https://www.wix-style-react.com/?path=/story/components-api-components--marketingpagelayout">\`<MarketingPageLayout/>\`</a>.`,
example: '_size',
},
],
commonUseCaseExamples: [
{
title: 'Bulleted list',
description: `This component is highly customizable and supports complex layouts.
This example shows how to add a bulleted list to the content area and a footnote to the actions area.`,
example: '_bulletList',
},
{
title: 'Marketing page',
description: `\`<MarketingPageLayoutContent/>\` should be used as a building part of a marketing page.`,
example: '_marketingPage',
},
],
};