mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-20 20:33:02 +00:00
test(code-snippet): simply assertions
This commit is contained in:
parent
12ffe3d70f
commit
d2a76060ed
1 changed files with 15 additions and 48 deletions
|
@ -1,52 +1,19 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { CodeSnippet, InlineNotification } from "../types";
|
import { CodeSnippet } from "../types";
|
||||||
|
|
||||||
let code = `// helpers.js
|
|
||||||
|
|
||||||
export function multiply(a: number, b: number) {
|
|
||||||
return a * b;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function divide(a: number, b: number) {
|
|
||||||
return a / b;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function add(a: number, b: number) {
|
|
||||||
return a + b;
|
|
||||||
}
|
|
||||||
|
|
||||||
export function subtract(a: number, b: number) {
|
|
||||||
return a - b;
|
|
||||||
}`;
|
|
||||||
|
|
||||||
let comment = `
|
|
||||||
> \`../types\` is a Svelte component library that implements the [Carbon Design System](https://github.com/carbon-design-system), an open source design system by IBM.
|
|
||||||
|
|
||||||
> A design system can facilitate frontend development and prototyping because it is encourages reuse, consistency, and extensibility.
|
|
||||||
`;
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<InlineNotification
|
<CodeSnippet
|
||||||
svx-ignore
|
type="inline"
|
||||||
lowContrast
|
copy="{(text) => text}"
|
||||||
title="Note:"
|
code=""
|
||||||
subtitle="By design, the copy button does not copy text to the clipboard. You will need to write your own logic."
|
hideCopyButton
|
||||||
kind="info"
|
disabled
|
||||||
hideCloseButton
|
skeleton
|
||||||
/>
|
wrapText
|
||||||
|
expanded
|
||||||
<CodeSnippet copy="{(text) => text}"
|
on:animationend
|
||||||
>yarn add -D carbon-components-svelte</CodeSnippet
|
on:click
|
||||||
|
on:copy
|
||||||
>
|
>
|
||||||
|
yarn add -D carbon-components-svelte
|
||||||
<CodeSnippet type="inline">rm -rf node_modules/</CodeSnippet>
|
</CodeSnippet>
|
||||||
|
|
||||||
<CodeSnippet type="multi" code="{code}" />
|
|
||||||
|
|
||||||
<CodeSnippet type="multi" code="{code}" hideCopyButton />
|
|
||||||
|
|
||||||
<CodeSnippet wrapText type="multi" code="{comment}" />
|
|
||||||
|
|
||||||
<CodeSnippet skeleton />
|
|
||||||
|
|
||||||
<CodeSnippet type="multi" disabled skeleton />
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue