diff --git a/packages/docusaurus-playground/src/pages/index.mdx b/packages/docusaurus-playground/src/pages/index.mdx index 1dbcca2..e4106f5 100644 --- a/packages/docusaurus-playground/src/pages/index.mdx +++ b/packages/docusaurus-playground/src/pages/index.mdx @@ -126,6 +126,7 @@ import * as challengesData from '/generated/challenges.json' step-by-step guide here } + border={false} list={[ { title: 'Simple setup', @@ -151,8 +152,10 @@ import * as challengesData from '/generated/challenges.json' ['target'] + /** + * Whether to display a border-top in the section + */ + border?: boolean + /** + * The text alignment of the section + */ + align?: 'unset' | 'left' | 'right' | 'center' /** * The variant of the button */ @@ -114,6 +122,8 @@ export const CallToActionSection: React.FC = ({ description, list = [], target, + border = true, + align = 'unset', className, children, variant = 'outlined', @@ -140,10 +150,16 @@ export const CallToActionSection: React.FC = ({ className, 'mdx-cta-section', `mdx-cta-section--${display}`, + !border && 'mdx-cta-section--no-border', )} {...(props as any)} > -
+
{title}