### Installing Project Dependencies with npm

Source: https://github.com/reaviz/reablocks/blob/master/README.md

This command installs all necessary project dependencies listed in the `package.json` file. It is a prerequisite for running the Reablocks project locally and ensures all required packages are available.

```Shell
npm i
```

--------------------------------

### Starting Local Development Server with npm

Source: https://github.com/reaviz/reablocks/blob/master/README.md

This command initiates the local development server for the Reablocks project. It typically compiles the project and opens a browser window to the Storybook page, allowing developers to view and interact with the UI components.

```Shell
npm start
```

--------------------------------

### Importing Raw Changelog Markdown - JavaScript

Source: https://github.com/reaviz/reablocks/blob/master/docs/Changelog.mdx

Imports the raw content of the `CHANGELOG.md` file as a string. The `?raw` suffix is a bundler-specific (e.g., Vite, Webpack) query parameter that instructs it to load the file's content as a plain string.

```JavaScript
import Readme from "../CHANGELOG.md?raw";
```

--------------------------------

### Importing Meta Component for Storybook Docs

Source: https://github.com/reaviz/reablocks/blob/master/docs/Intro.mdx

This snippet imports the `Meta` component from `@storybook/addon-docs`. This component is crucial for defining metadata, such as the title, for a Storybook documentation page written in MDX format.

```javascript
import { Meta } from '@storybook/addon-docs';
```

--------------------------------

### Importing Storybook Addon Docs Components - JavaScript

Source: https://github.com/reaviz/reablocks/blob/master/docs/Changelog.mdx

Imports `Meta` and `Markdown` components from the `@storybook/addon-docs` package. `Meta` is used for defining story metadata, and `Markdown` for rendering Markdown content directly within MDX files.

```JavaScript
import { Meta, Markdown } from '@storybook/addon-docs';
```

--------------------------------

### Importing Storybook Meta Component - JavaScript

Source: https://github.com/reaviz/reablocks/blob/master/docs/Support.mdx

Imports the `Meta` component from the `@storybook/addon-docs/blocks` package. This component is essential for defining metadata, such as the title, for documentation pages within Storybook's MDX files.

```JavaScript
import { Meta } from '@storybook/addon-docs/blocks';
```

--------------------------------

### Rendering Changelog Markdown Content - JSX/MDX

Source: https://github.com/reaviz/reablocks/blob/master/docs/Changelog.mdx

Renders the imported `Readme` content (which holds the raw string of `CHANGELOG.md`) using Storybook's `Markdown` component. This displays the changelog directly within the documentation page.

```JSX
<Markdown>{Readme}</Markdown>
```

--------------------------------

### Defining Storybook Documentation Title - JSX

Source: https://github.com/reaviz/reablocks/blob/master/docs/Support.mdx

Utilizes the `Meta` component to set the title of the current Storybook documentation page to 'Docs/Support'. This JSX snippet is typically used at the top of an MDX file to configure its appearance and organization within Storybook.

```JSX
<Meta title="Docs/Support" />
```

--------------------------------

### Setting Storybook Meta Title - JSX/MDX

Source: https://github.com/reaviz/reablocks/blob/master/docs/Changelog.mdx

Defines the metadata for the Storybook documentation page using the `Meta` component. The `title` prop sets the display title and hierarchical path for the page within the Storybook navigation.

```JSX
<Meta title="Docs/Changelog" />
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.