GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 07:21:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

ADD stories for syntaxhighlighter

Browse Source
This commit is contained in:
Norbert de Langen 2019-05-17 14:02:29 +02:00
parent b826fddd20
commit 55e37ecd00
1 changed files with 51 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
lib/components/src/syntaxhighlighter/syntaxhighlighter.stories.tsx
View File

@ -1,5 +1,6 @@
import React from 'react';
import * as React from 'react';
import { storiesOf } from '@storybook/react';
import { ThemeProvider, themes, convert, ensure } from '@storybook/theming';
import { SyntaxHighlighter } from './syntaxhighlighter';
storiesOf('Basics|SyntaxHighlighter', module)
@ -18,6 +19,55 @@ storiesOf('Basics|SyntaxHighlighter', module)
`}
</SyntaxHighlighter>
))
.add('unsupported', () => (
<SyntaxHighlighter language="C#" bordered copyable>
{`
// A Hello World! program in C#.
using System;
namespace HelloWorld
{
class Hello
{
static void Main()
{
Console.WriteLine("Hello World!");
// Keep the console window open in debug mode.
Console.WriteLine("Press any key to exit.");
Console.ReadKey();
}
}
}
`}
</SyntaxHighlighter>
))
.add('themed unsupported', () => {
const theme = ensure(themes.dark);
return (
<ThemeProvider theme={theme}>
<SyntaxHighlighter bordered language="C#" copyable>
{`
// A Hello World! program in C#.
using System;
namespace HelloWorld
{
class Hello
{
static void Main()
{
Console.WriteLine("Hello World!");
// Keep the console window open in debug mode.
Console.WriteLine("Press any key to exit.");
Console.ReadKey();
}
}
}
`}
</SyntaxHighlighter>
</ThemeProvider>
);
})
.add('story', () => (
<SyntaxHighlighter language="jsx" copyable={false}>
{`