mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-14 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs: drop -D flag from install commands

Browse source
This commit is contained in:
Eric Liu 2024-11-03 13:57:05 -08:00
commit 67673d5161
6 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

6
README.md
View file

@ -32,13 +32,13 @@ Install `carbon-components-svelte` as a development dependency.
```sh ```sh
# Yarn # Yarn
yarn add -D carbon-components-svelte yarn add carbon-components-svelte
# npm # npm
npm i -D carbon-components-svelte npm i carbon-components-svelte
# pnpm # pnpm
pnpm i -D carbon-components-svelte pnpm i carbon-components-svelte
``` ```
## Usage ## Usage

6
docs/src/pages/components/CodeSnippet.svx
View file

@ -36,7 +36,7 @@ You can override the default copy functionality with your own implementation. Se
## Default (single-line) ## Default (single-line)
<CodeSnippet code="yarn add -D carbon-components-svelte" /> <CodeSnippet code="yarn add carbon-components-svelte" />
## Overriding copy functionality ## Overriding copy functionality
@ -50,7 +50,7 @@ In this example, we use the open source module [clipboard-copy](https://github.c
To prevent text from being copied entirely, pass a no-op function to the `copy` prop. To prevent text from being copied entirely, pass a no-op function to the `copy` prop.
<CodeSnippet code="yarn add -D carbon-components-svelte" copy={() => {}} /> <CodeSnippet code="yarn add carbon-components-svelte" copy={() => {}} />
## Inline ## Inline
@ -104,7 +104,7 @@ Use the `showMoreText` and `showLessText` props to override the default "Show mo
The `disabled` prop applies only to the `"single"` and `"multi"` code snippet types. The `disabled` prop applies only to the `"single"` and `"multi"` code snippet types.
<CodeSnippet disabled code="yarn add -D carbon-components-svelte" /> <CodeSnippet disabled code="yarn add carbon-components-svelte" />
<br /> <br />
<CodeSnippet disabled type="multi" code="{comment}" /> <CodeSnippet disabled type="multi" code="{comment}" />

2
docs/src/pages/framed/CodeSnippet/CodeSnippetOverride.svelte
View file

@ -4,6 +4,6 @@
</script> </script>
<CodeSnippet <CodeSnippet
code="yarn add -D carbon-components-svelte" code="yarn add carbon-components-svelte"
copy="{(text) => copy(text)}" copy="{(text) => copy(text)}"
/> />

6
docs/src/pages/index.svelte
View file

@ -21,9 +21,9 @@
metatags.description = metatags.description =
"The Svelte implementation of the Carbon Design System featuring UI components, icons, pictograms, and charts."; "The Svelte implementation of the Carbon Design System featuring UI components, icons, pictograms, and charts.";
const installYarn = "yarn add -D carbon-components-svelte"; const installYarn = "yarn add carbon-components-svelte";
const installNpm = "npm i -D carbon-components-svelte"; const installNpm = "npm i carbon-components-svelte";
const installPnpm = "pnpm i -D carbon-components-svelte"; const installPnpm = "pnpm i carbon-components-svelte";
const themes = { const themes = {
white: "White", white: "White",
g10: "Gray 10", g10: "Gray 10",

2
tests/CodeSnippet.test.svelte
View file

@ -17,5 +17,5 @@
on:expand on:expand
on:collapse on:collapse
> >
yarn add -D carbon-components-svelte yarn add carbon-components-svelte
</CodeSnippet> </CodeSnippet>

2
tests/CopyableCodeSnippet.test.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
export let copy = (text: string) => text; export let copy = (text: string) => text;
export let code = "yarn add -D carbon-component-svelte"; export let code = "yarn add carbon-component-svelte";
import { CodeSnippet } from "../types"; import { CodeSnippet } from "../types";
</script> </script>