@synerise/ds-code-snippet NPM | npm.io

1.1.1 • Published 2 months ago

Install

Weekly downloads

-

License

ISC

Repository

Last release

2 months ago

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	-

@synerise/ds-button @synerise/ds-icon @synerise/ds-scrollbar @synerise/ds-tooltip @synerise/ds-utils copy-to-clipboard highlight.js react-animate-height

@infinitebrahmanuniverse/nolb-_syn @everything-registry/sub-chunk-889 @zalastax/nolb-_syn @synerise/design-system

2 months ago

2 months ago

4 months ago

5 months ago

5 months ago

2 months ago

2 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

6 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

11 months ago

12 months 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

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

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