Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>React Bricks SnippetsNew to Visual Studio Code? Get it now.
React Bricks Snippets

React Bricks Snippets

React Bricks

reactbricks.com
|
488 installs
| (4) | Free
React Bricks code snippets (TypeScript)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Code React Bricks snippets (TypeScript)

This extensions add snippets to make developing with React Bricks easier. At the moment only TypeScript React (.tsx) is supported.

What is React Bricks

React Bricks is a CMS with visual editing based on React components, for Next.js and Gatsby. It is both a React library to create your visually editable content blocks and a SaaS where the content is persisted.

See https://reactbricks.com

Available snippets

Prefix Method
brick→ Scaffolds a new Brick. Use it in a new file.
sideEditProp→ Creates a new sideEditProp
selectOptions→ Creates selectOptions for a select sideEditProp
Text→ Add a React Bricks <Text> component
RichText→ Add a React Bricks <RichText> component
Image→ Add a React Bricks <Image> component
File→ Add a React Bricks <File> component
Repeater→ Add a React Bricks <Repeater> component

Requirements

In order to have working React Bricks' bricks, you need to have a React Bricks project set up.

You can easily create a project using the React Bricks CLI:
npx create-reactbricks-app

Release Notes

0.0.1 - 0.0.3

Initial release

0.0.4

Bricks code compatible with React Server Components

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft