Code Block

Syntax-highlighted code display with copy button and line numbers.

Paquete: @solidiom/code-block
Versión: 0.6.0
Estado: experimental

Generado a partir del código fuente público del paquete.

API

`Code`componente

                        Code(props: CodeProps): Element

Propiedades

class?: string
language?: string — Programming language identifier.
style?: string | CSSProperties

hijos: Element

Ver código fuente

`CodeProps`interfaz

Propiedades

class?: string
language?: string — Programming language identifier.
style?: string | CSSProperties

hijos: Element

Ver código fuente

`CopyButton`componente

                        CopyButton(props: CopyButtonProps): Element

Propiedades

class?: string
code: string — The code text to copy.
style?: string | CSSProperties

hijos: Element

Ver código fuente

`CopyButtonProps`interfaz

Propiedades

class?: string
code: string — The code text to copy.
style?: string | CSSProperties

hijos: Element

Ver código fuente

`Header`componente

                        Header(props: HeaderProps): Element

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`HeaderProps`interfaz

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`Language`componente

                        Language(props: LanguageProps): Element

Propiedades

class?: string
language?: string — The language label to display.
style?: string | CSSProperties

hijos: Element

Ver código fuente

`LanguageProps`interfaz

Propiedades

class?: string
language?: string — The language label to display.
style?: string | CSSProperties

hijos: Element

Ver código fuente

`LineNumbers`componente

                        LineNumbers(props: LineNumbersProps): Element

Propiedades

class?: string
code: string — The source code to derive line numbers from.
highlightLines?: number[] — Line numbers to highlight.
style?: string | CSSProperties

hijos: Element

Ver código fuente

`LineNumbersProps`interfaz

Propiedades

class?: string
code: string — The source code to derive line numbers from.
highlightLines?: number[] — Line numbers to highlight.
style?: string | CSSProperties

hijos: Element

Ver código fuente

`Pre`componente

                        Pre(props: PreProps): Element

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`PreProps`interfaz

Propiedades

class?: string
style?: string | CSSProperties

hijos: Element

Ver código fuente

`Root`componente

                        Root(props: RootProps): Element

Propiedades

class?: string
code: string — The source code to display.
highlightLines?: number[] — Line numbers to highlight.
language?: string — Programming language identifier.
showLineNumbers?: boolean — Whether to show line numbers.
style?: string | CSSProperties

hijos: Element

Ver código fuente

`RootProps`interfaz

Propiedades

class?: string
code: string — The source code to display.
highlightLines?: number[] — Line numbers to highlight.
language?: string — Programming language identifier.
showLineNumbers?: boolean — Whether to show line numbers.
style?: string | CSSProperties

hijos: Element

Ver código fuente

API

#Codecomponente

Propiedades

#CodePropsinterfaz

Propiedades

#CopyButtoncomponente

Propiedades

#CopyButtonPropsinterfaz

Propiedades

#Headercomponente

Propiedades

#HeaderPropsinterfaz

Propiedades

#Languagecomponente

Propiedades

#LanguagePropsinterfaz

Propiedades

#LineNumberscomponente

Propiedades

#LineNumbersPropsinterfaz

Propiedades

#Precomponente

Propiedades

#PrePropsinterfaz

Propiedades

#Rootcomponente

Propiedades

#RootPropsinterfaz

Propiedades

`Code`componente

`CodeProps`interfaz

`CopyButton`componente

`CopyButtonProps`interfaz

`Header`componente

`HeaderProps`interfaz

`Language`componente

`LanguageProps`interfaz

`LineNumbers`componente

`LineNumbersProps`interfaz

`Pre`componente

`PreProps`interfaz

`Root`componente

`RootProps`interfaz