Descarga mdx docs - Descarga del código fuente mdx docs

mdx docs

Código Fuente de IA

1.0.0

Descargar

Docios MDX

Documentar y desarrollar componentes React con MDX y Next.js

https://mdx-docs.now.sh/

npm init docs

Crear documentación con Markdown
⚛️ Importar y usar componentes React
API basada en componentes
Ejemplos de código en vivo
? Temas personalizables
▲ Built para Next.js

Empezando

Para crear un nuevo sitio de documentación, ejecute npm init docs y siga las indicaciones. Una vez que se haya generado la aplicación, consulte el ReadMe.md para obtener más documentación.

Para agregar documentos MDX a una aplicación Next.js existente, consulte los documentos de configuración personalizados.

Usando MDX

MDX le permite mezclar la reducción con JSX en línea para representar los componentes React. Escriba Markdown como lo haría normalmente y use la sintaxis de importación de ES para usar componentes personalizados en su documento.

 import { Box } from ' grid-styled '

# Hello MDX!

< Box
  p = { 3 }
  bg = ' tomato ' >
  This will render as a component
</ Box >

Código en vivo

MDX Docs tiene componentes incorporados para representar bloques de código vallados JSX como vistas previas en vivo con código editable, alimentado por React-Live. Para hacer un renderizado de bloque de código como un ejemplo editable, use el atributo de lenguaje .jsx (tenga en cuenta el prefijo . ).

Live code example:

``` .jsx
< button > Beep < / button >
```

Alcance de componentes

Para agregar componentes al alcance de su uso en los ejemplos de código en vivo, pase un objeto components al componente Layout .

 // example components
import React from 'react'

export default {
  Box : props => (
    < div
      { ... props }
      style = { {
        padding : '32px' ,
        backgroundColor : 'tomato'
      } }
    />
  )
}

 // example _app.js
< Layout
  { ... this . props }
  components = { components } >
  < Layout . Main >
    < Component { ... page } />
  </ Layout . Main >
</ Layout >