hand Inicio
hand JSBloqs
hand GutenBloqs
Qué?
nochedía

Anonymous Pro


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Cousine


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Fira Mono


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Inconsolata


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Oxygen Mono


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Source Code Pro


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Ubuntu Mono


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Open Sans


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Roboto


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Noto Sans


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Lato


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Montserrat


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

PT Mono


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Nova Mono


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Bellota Text


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Comfortaa


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Balsamiq Sans


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Pompiere


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Neucha


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Indie Flower


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Encode Sans


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>

Annie Use Your Telescope


<Highlight {...defaultProps} theme={kuworkingPrismTheme} code={children.trim()} language={language}>
  {({ className, style, tokens, getLineProps, getTokenProps }) => (
    <div>
      <Badge>
        <div>{language}</div>
      </Badge>
      <pre className={className} style={{ ...style, padding: '20px' }}>
        {tokens.map((line, i) => {
          const { className, ...lineProps } = getLineProps({ line, key: i })
          const class_name = (lines && (highlighted_lines.includes(i) ? 'emphasized' : '')) || ''
          return (
            <div className={`${className} ${class_name}`} key={i} {...lineProps}>
              {line.map((token, key) => (
                <span key={key} {...getTokenProps({ token, key })} />
              ))}
            </div>
          )
        })}
      </pre>
    </div>
  )}
</Highlight>
Privacidad
by kuworking.com
[ 2020 >> kuworking ]