components
UI components for documentation
File Explorer
- bug_report.md
- feature_request.md
- build.yml
- lint.yml
- PULL_REQUEST_TEMPLATE.md
- pre-commit
- settings.json
- main.ts
- preview.tsx
- tailwind.css
- theme-sync.tsx
- no-universal-has-css.grit
- no-universal-has.grit
- accordion-cover.tsx
- accordion-group.tsx
- accordion-url-utils.ts
- accordion.stories.tsx
- accordion.tsx
- index.ts
- badge.stories.tsx
- badge.tsx
- index.ts
- callout.stories.tsx
- callout.tsx
- index.ts
- card.stories.tsx
- card.tsx
- index.ts
- base-code-block.tsx
- code-block.stories.tsx
- code-block.tsx
- code-footer.tsx
- code-header.tsx
- copy-button.tsx
- index.tsx
- story-utils.ts
- code-group-select.stories.tsx
- code-group-select.tsx
- code-group.stories.tsx
- code-group.tsx
- code-select-dropdown.tsx
- code-snippet.tsx
- dropdown.tsx
- index.ts
- language-dropdown.tsx
- language-icon.tsx
- color.stories.tsx
- color.tsx
- constants.ts
- index.ts
- columns.stories.tsx
- columns.tsx
- constants.ts
- index.ts
- expandable.stories.tsx
- expandable.tsx
- index.ts
- frame.stories.tsx
- frame.tsx
- index.ts
- cat.svg
- icon.stories.tsx
- icon.tsx
- index.ts
- index.ts
- mermaid.stories.tsx
- mermaid.tsx
- use-pan-zoom.ts
- zoom-controls.tsx
- index.ts
- panel.tsx
- index.tsx
- param-head.tsx
- pills.tsx
- property.stories.tsx
- property.tsx
- button.tsx
- index.ts
- provider.tsx
- search.stories.tsx
- search.tsx
- constants.ts
- index.ts
- steps.stories.tsx
- steps.tsx
- index.ts
- tabs.stories.tsx
- tabs.tsx
- index.ts
- tile.stories.tsx
- tile.tsx
- index.ts
- tooltip.stories.tsx
- tooltip.tsx
- context.tsx
- file.tsx
- folder.tsx
- index.ts
- root.tsx
- tree-level-context.ts
- tree.stories.tsx
- use-tree-level.ts
- utils.ts
- index.ts
- update.stories.tsx
- update.tsx
- index.ts
- view.tsx
- index.ts
- brands.ts
- index.ts
- selectors.ts
- index.ts
- use-expandable-memory.ts
- use-expandable.ts
- use-get-shiki-highlighted-html.ts
- use-has-hover.ts
- use-is-dark-theme.ts
- use-isomorphic-layout-effect.ts
- index.tsx
- bg-grid.ts
- scrollbar.ts
- code-styling.ts
- constants.ts
- get-code-styling.ts
- get-shiki-background-colors.ts
- index.ts
- lib.ts
- shiki-themes.ts
- snippet-presets.ts
- worker-client.ts
- worker.js
- cn.ts
- copy-to-clipboard.ts
- dedent.ts
- enhance-video-props.ts
- get-node-text.ts
- icon-utils.ts
- is-absolute-url.ts
- is-remote-url.ts
- make-marker-ids-unique.ts
- render-as-child.ts
- slugify.ts
- code.css
- index.ts
- styles.css
- twoslash.css
- .gitignore
- biome.jsonc
- package.json
- postcss.config.js
- README.md
- tsconfig.build.json
- tsconfig.json
- vite.config.ts
- .gitignore
- CHANGELOG.md
- CONTRIBUTING.md
- DEVELOPMENT.md
- LICENSE
- package.json
- pnpm-lock.yaml
- pnpm-workspace.yaml
- README.md
- tsconfig.json
# Use via CDN
jsDelivrjsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.
Command Glossary
Commands referenced in this DOCs, explained below.
npm install
View Details ▼
npm install
Install Node packages.
npm {{[i|install]}}
Install dependencies listed in `package.json`:
npm {{[i|install]}} {{package_name}}@{{version}}
Download a specific version of a package and add it to the list of dependencies in `package.json`:
npm {{[i|install]}} {{package_name}} {{[-D|--save-dev]}}
Download the latest version of a package and add it to the list of dev dependencies in `package.json`:
pnpm
View Details ▼
pnpm
Fast, disk space efficient package manager for Node.js.
Manage Node.js projects and their module dependencies.
pnpm init
Create a `package.json` file:
pnpm {{[i|install]}}
Download all the packages listed as dependencies in `package.json`:
pnpm add {{module_name}}@{{version}}
Download a specific version of a package and add it to the list of dependencies in `package.json`:
yarn
View Details ▼
yarn
JavaScript and Node.js package manager alternative.
yarn global add {{module_name}}
Install a module globally:
yarn install
Install all dependencies referenced in the `package.json` file (the `install` is optional):
yarn add {{module_name}}@{{version}}
Install a module and save it as a dependency to the `package.json` file (add `--dev` to save as a dev dependency):