-
Install dependences:
npm i
-
Build dist:
npm run build
-
Add CodeSnippet to your app:
import { CodeSnippet } from './dist/CodeSnippet' export const App = () => { const args = { content: [ 'return (', '<AlertContainer>', '{alerts.map(alert => {', 'const {message, key, ...rest} = alert;', 'return (', '<Alert', 'key={key}', '{...rest}', '>{message}</Alert>', ');', '})}', '</AlertContainer>', ');', ], language: 'js', startLine: 37, artifactLocation: { owner: 'JetBrains', repo: 'ring-ui', path: 'src/alert-service/alert-service.tsx', }, } return ( <div className="App"> <CodeSnippet content={args.content} language={args.language} startLine={args.startLine} artifactLocation={args.artifactLocation}/> </div> ); }
-
Install dependences:
npm i
-
Run StoryBook
npm run storybook
Storybook is running on port 6006.