Skip to content

vsashyn/ink-syntax-highlight

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

ink-syntax-highlight test

Synax highlight component for Ink.

Example image

Install

$ npm install ink-syntax-highlight

Usage

import React from 'react';
import {render, Text} from 'ink';
import SyntaxHighlight from 'ink-syntax-highlight';

render(<SyntaxHighlight code="const hello = 'world'" />);

Props

code

Type: string

Source code to highlight.

language

Type: string

Language of the source code. If you don't set it yourself, this component will try to auto-detect it. All languages of highlight.js are supported.

theme

Type: Theme

You can write your own theme and pass it as prop. More info regarding custom theme.