Lets you group elements without a wrapper node.

• @see {@link https://react.dev/reference/react/Fragment React Docs}
• @example

  import { Fragment } from 'react';
  
  <Fragment>
    <td>Hello</td>
    <td>World</td>
  </Fragment>
  

• @example

  // Using the <></> shorthand syntax:
  
  <>
    <td>Hello</td>
    <td>World</td>
  </>
  

Lets you group elements without a wrapper node.

• @see {@link https://react.dev/reference/react/Fragment React Docs}
• @example

  import { Fragment } from 'react';
  
  <Fragment>
    <td>Hello</td>
    <td>World</td>
  </Fragment>
  

• @example

  // Using the <></> shorthand syntax:
  
  <>
    <td>Hello</td>
    <td>World</td>
  </>
  

Create a React element.

You should not use this function directly. Use JSX and a transpiler instead.

Create a React element.

You should not use this function directly. Use JSX and a transpiler instead.

Create a React element.

You should not use this function directly. Use JSX and a transpiler instead.

Create a React element.

You should not use this function directly. Use JSX and a transpiler instead.

Create a React element.

You should not use this function directly. Use JSX and a transpiler instead.

Lets you group elements without a wrapper node.

• @see {@link https://react.dev/reference/react/Fragment React Docs}
• @example

  import { Fragment } from 'react';
  
  <Fragment>
    <td>Hello</td>
    <td>World</td>
  </Fragment>
  

• @example

  // Using the <></> shorthand syntax:
  
  <>
    <td>Hello</td>
    <td>World</td>
  </>
  

Create a React element.

You should not use this function directly. Use JSX and a transpiler instead.

Create a React element.

You should not use this function directly. Use JSX and a transpiler instead.

Create a React element.

You should not use this function directly. Use JSX and a transpiler instead.

Create a React element.

You should not use this function directly. Use JSX and a transpiler instead.

createRoot lets you create a root to display React components inside a browser DOM node.

• @see {@link https://react.dev/reference/react-dom/client/createRoot API Reference for createRoot}

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

MDN Reference

Returns a reference to the first object with the specified value of the ID attribute.

• @param elementId String that specifies the ID value.

createRoot lets you create a root to display React components inside a browser DOM node.

• @see {@link https://react.dev/reference/react-dom/client/createRoot API Reference for createRoot}

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

An MDX file which exports a JSX component.

The default export of MDX files is a function which takes props and returns a JSX element. MDX files can export other identifiers from within the MDX file as welleither authored manually or automatically through plugins

It’s currently not possible for the other exports to be typed automatically. You can type them yourself with a TypeScript script which augments *.mdx modules. A script file is a file which doesn’t use top-level ESM syntaxbut ESM syntax is allowed inside the declared module.

This is typically useful for exports created by plugins. For example:

// mdx-custom.d.ts
declare module '*.mdx' {
  import { Frontmatter } from 'my-frontmatter-types';

  export const frontmatter: Frontmatter;
  export const title: string;
}

The previous example added types to all .mdx files. To define types for a specific MDX filecreate a file with the same name but postfixed with .d.ts next to the MDX file.

For examplegiven the following MDX file my-component.mdx:

export const message = 'world';

# Hello {message}

Create the following file named my-component.mdx.d.ts in the same directory:

export { default } from '*.mdx';

export const message: string;

Note that this overwrites the declare module '*.mdx' { … } types from earlierwhich is why you also need to define the default export. You can also define your own default export type to narrow the accepted prop types of this specific file.

It should now be possible to import both the MDX component and the exported constant message.

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

An MDX file which exports a JSX component.

The default export of MDX files is a function which takes props and returns a JSX element. MDX files can export other identifiers from within the MDX file as welleither authored manually or automatically through plugins

It’s currently not possible for the other exports to be typed automatically. You can type them yourself with a TypeScript script which augments *.mdx modules. A script file is a file which doesn’t use top-level ESM syntaxbut ESM syntax is allowed inside the declared module.

This is typically useful for exports created by plugins. For example:

// mdx-custom.d.ts
declare module '*.mdx' {
  import { Frontmatter } from 'my-frontmatter-types';

  export const frontmatter: Frontmatter;
  export const title: string;
}

The previous example added types to all .mdx files. To define types for a specific MDX filecreate a file with the same name but postfixed with .d.ts next to the MDX file.

For examplegiven the following MDX file my-component.mdx:

export const message = 'world';

# Hello {message}

Create the following file named my-component.mdx.d.ts in the same directory:

export { default } from '*.mdx';

export const message: string;

Note that this overwrites the declare module '*.mdx' { … } types from earlierwhich is why you also need to define the default export. You can also define your own default export type to narrow the accepted prop types of this specific file.

It should now be possible to import both the MDX component and the exported constant message.

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

This prop may be used to customize how certain components are rendered.

The color CSS property sets the foreground color value of an element's text and text decorationsand sets the currentcolor value. currentcolor may be used as an indirect value on other properties and is the default for other color propertiessuch as border-color.

Syntax: <color>

Initial value: canvastext

• @see https://developer.mozilla.org/docs/Web/CSS/color

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

This prop may be used to customize how certain components are rendered.

The color CSS property sets the foreground color value of an element's text and text decorationsand sets the currentcolor value. currentcolor may be used as an indirect value on other properties and is the default for other color propertiessuch as border-color.

Syntax: <color>

Initial value: canvastext

• @see https://developer.mozilla.org/docs/Web/CSS/color

If a wrapper component is definedthe MDX content will be wrapped inside of it.

The color CSS property sets the foreground color value of an element's text and text decorationsand sets the currentcolor value. currentcolor may be used as an indirect value on other properties and is the default for other color propertiessuch as border-color.

Syntax: <color>

Initial value: canvastext

• @see https://developer.mozilla.org/docs/Web/CSS/color

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

This prop may be used to customize how certain components are rendered.

The border-top shorthand CSS property sets all the properties of an element's top border.

Syntax: <line-width> || <line-> || <color>

• @see https://developer.mozilla.org/docs/Web/CSS/border-top

The color CSS property sets the foreground color value of an element's text and text decorationsand sets the currentcolor value. currentcolor may be used as an indirect value on other properties and is the default for other color propertiessuch as border-color.

Syntax: <color>

Initial value: canvastext

• @see https://developer.mozilla.org/docs/Web/CSS/color

The border-top shorthand CSS property sets all the properties of an element's top border.

Syntax: <line-width> || <line-> || <color>

• @see https://developer.mozilla.org/docs/Web/CSS/border-top

The color CSS property sets the foreground color value of an element's text and text decorationsand sets the currentcolor value. currentcolor may be used as an indirect value on other properties and is the default for other color propertiessuch as border-color.

Syntax: <color>

Initial value: canvastext

• @see https://developer.mozilla.org/docs/Web/CSS/color

createRoot lets you create a root to display React components inside a browser DOM node.

• @see {@link https://react.dev/reference/react-dom/client/createRoot API Reference for createRoot}

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

MDN Reference

Returns a reference to the first object with the specified value of the ID attribute.

• @param elementId String that specifies the ID value.

createRoot lets you create a root to display React components inside a browser DOM node.

• @see {@link https://react.dev/reference/react-dom/client/createRoot API Reference for createRoot}

An function component which renders the MDX content using JSX.

• @param props This value is be available as the named variable props inside the MDX component.
• @returns A JSX element. The meaning of this may depend on the project configuration. I.e. it could be a ReactPreactor Vuex element.

This prop may be used to customize how certain components are rendered.

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

Provider for MDX context.

• @param properties Properties.
• @returns Element.
• @satisfies {Component}

Additional components to use or a function that creates them (optional).

Provider for MDX context.

• @param properties Properties.
• @returns Element.
• @satisfies {Component}

Additional components to use or a function that creates them (optional).

Provider for MDX context.

• @param properties Properties.
• @returns Element.
• @satisfies {Component}

Provider for MDX context.

• @param properties Properties.
• @returns Element.
• @satisfies {Component}

The console module provides a simple debugging console that is similar to the JavaScript console mechanism provided by web browsers.

The module exports two specific components:

• A Console class with methods such as console.log()console.error() and console.warn() that can be used to write to any Node. stream.
• A global console instance configured to write to process.stdout and process.stderr. The global console can be used without calling require('console').

Warning: The global console object's methods are neither consistently synchronous like the browser APIs they resemblenor are they consistently asynchronous like all other Node. streams. See the note on process I/O for more information.

Example using the global console:

console.log('hello world');
// Prints: hello worldto stdout
console.log('hello %s''world');
// Prints: hello worldto stdout
console.error(new Error('Whoopssomething bad happened'));
// Prints error message and stack trace to stderr:
//   Error: Whoopssomething bad happened
//     at [eval]:5:15
//     at Script.runInThisContext (node:vm:132:18)
//     at Object.runInThisContext (node:vm:309:38)
//     at node:internal/process/execution:77:19
//     at [eval]-wrapper:6:22
//     at evalScript (node:internal/process/execution:76:60)
//     at node:internal/main/eval_string:23:3

const name = 'Will Robinson';
console.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to stderr

Example using the Console class:

const out = getStreamSomehow();
const err = getStreamSomehow();
const myConsole = new console.Console(outerr);

myConsole.log('hello world');
// Prints: hello worldto out
myConsole.log('hello %s''world');
// Prints: hello worldto out
myConsole.error(new Error('Whoopssomething bad happened'));
// Prints: [Error: Whoopssomething bad happened]to err

const name = 'Will Robinson';
myConsole.warn(`Danger ${name}! Danger!`);
// Prints: Danger Will Robinson! Danger!to err

• @see source

Prints to stdout with newline. Multiple arguments can be passedwith the first used as the primary message and all additional used as substitution values similar to printf(3) (the arguments are all passed to util.format()).

const count = 5;
console.log('count: %d'count);
// Prints: count: 5to stdout
console.log('count:'count);
// Prints: count: 5to stdout

See util.format() for more information.

• @since v0.1.100

Provider for MDX context.

• @param properties Properties.
• @returns Element.
• @satisfies {Component}

Additional components to use or a function that creates them (optional).

Provider for MDX context.

• @param properties Properties.
• @returns Element.
• @satisfies {Component}

Additional components to use or a function that creates them (optional).

Provider for MDX context.

• @param properties Properties.
• @returns Element.
• @satisfies {Component}

Provider for MDX context.

• @param properties Properties.
• @returns Element.
• @satisfies {Component}