@synerise/ds-code-snippet v1.1.1
id: code-snippet
title: CodeSnippet
CodeSnippet UI Component
Installation
npm i @synerise/ds-code-snippet
or
yarn add @synerise/ds-code-snippet
Usage
import CodeSnippet from '@synerise/ds-code-snippet'
<CodeSnippet type={'single-line'} >
{"code"}
</CodeSnippet>
Demo
API
Property | Description | Type | Default |
---|---|---|---|
type | Defines the type of the codesnippet | CodeSnippetType | INLINE |
className | Class name for main CodeSnippet's container | string | - |
children | CodeSnippet's content | string | "" |
tooltipHint | Defines the text | string | 'Copy' |
labelBeforeExpanded | Defines the text of button before expand | string | 'Show more' |
labelAfterExpanded | Defines the text of button after expand | string | 'Show less' |
tooltipTitleHover | Tooltip title on hover | string | 'Copy' |
tooltipTitleClick | Tooltip title on click | string | 'Copied!' |
fontSize | Defines the size for single block | FontSize | 'small' |
colorSyntax | Specify when use color syntax | boolean | false |
languages | Array of langugages defined for color syntax | LanguageHighlight[] | 'javascript', 'typescript', 'json' |
rows | Specify the number of visible lines before expand | number | 6 |
wrap | Specify whether content is wrap or not | boolean | false |
onExpand | An extra function to invoke on button click expand content | () => void | - |
onCopy | An extra function to invoke on copy button event | () => void | - |
3 months ago
3 months ago
5 months ago
5 months ago
5 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
8 months ago
9 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago