Skip to content

Latest commit

 

History

History
164 lines (117 loc) · 3.44 KB

steps.mdx

File metadata and controls

164 lines (117 loc) · 3.44 KB
title
⚠️ Steps Tests ⚠️

:::danger // TODO(HiDeoo) Delete this page :::

import { Steps } from '@astrojs/starlight/components';

Small single line last step

  1. Import the component into your MDX file:

    import { Steps } from '@astrojs/starlight/components';

  2. Wrap <Steps> around your ordered list items.

Long single line last step

  1. Import the component into your MDX file:

    import { Steps } from '@astrojs/starlight/components';

  2. Wrap <Steps> around your ordered list items. Wrap <Steps> around your ordered list items. Wrap <Steps> around your ordered list items.

Multiple lines last step

  1. Import the component into your MDX file:

    import { Steps } from '@astrojs/starlight/components';

  2. Wrap <Steps> around your ordered list items.

    Wrap <Steps> around your ordered list items.

Long last step

  1. Import the component into your MDX file:

    import { Steps } from '@astrojs/starlight/components';

  2. Wrap <Steps> around your ordered list items.

    console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');

Very long last step

  1. Import the component into your MDX file:

    import { Steps } from '@astrojs/starlight/components';

  2. Wrap <Steps> around your ordered list items.

    console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');
console.log('Hello, World!');

Nested steps

  1. Import the component into your MDX file:

    import { Steps } from '@astrojs/starlight/components';

  2. Wrap <Steps> around your ordered list items.

    1. Import the component into your MDX file:

	```js
	import { Steps } from '@astrojs/starlight/components';
	```

    1. Wrap <Steps> around your ordered list items.

      Wrap <Steps> around your ordered list items.