Documentation
Editors
iOS
Overview

iOS

ℹ️

The CodeSandbox for iOS app is currently not supported.

The iOS Editor contains a set of features to increase the accessibility of complex tools like git, setup, review flows, contributions, and visualizing components.

Here is an overview of the iOS editor structure:

Header

The iOS editor

The header is where you perform general operations on your Repositories.

1. Navigation

  • Back: Tap to return to Dashboard.
  • Branch: Tap to rename the current branch, switch branches or create a new branch.

2. Connections

  • Avatars: See who's currently online and tap on their icon to follow their actions.

3. Options

  • Find and replace: Open find and replace.
  • Copy: Copy to pasteboard selected text.
  • Paste: Paste content from the pasteboard.
  • Select language: Select the syntax highlighting language.
  • Format file: Trigger file formatting via the language server.
  • Open pull request: Open a pull request in GitHub.
  • Branch from current: Creates a new branch from the current branch.
  • Share: Share a link to the repository.

Sidebar

The iOS editor

The sidebar is a quick way to operate and navigate your codebase. It allows you to:

  • File Explorer: View and manipulate your files.
  • Search: Search inside your Repository.
  • Git: Interact with source control.
  • Settings: Customise the editor, set environment variables and restart the VM.

You can change the sidebar view using the icons at the top.

You can drag and drop elements in the Files Explorer.

Code Editor

The web editor

The code editor is where the magic happens ✨. We provide a base experience for all developers, with support for:

  • Code formatting (powered by the language server)
  • LSP
  • Intellisense
  • Code completion
  • Optimized syntax highlight
  • Multiple Editors
  • Diff highlighting

DevTool

The panel on the bottom supports useful tools to help you complete your work faster and more efficiently. Read more about it here.

Layout

The iOS editor

Keyboard Shortcuts

Press Cmd B to hide the Sidebar.

Press Cmd T to hide the DevTools.

Press Cmd M to hide both the Sidebar and the DevTools.