Tenor
Log in
Browse docs

Docs · How-tos

Snip a component region

Point to one visible part of a working component, describe the change, and keep the rest of the interface stable.

4 min read

Outcome and prerequisites

The outcome is a focused edit to the part you selected, with unrelated structure, styling, and behavior preserved.

  • Open an authorized private canvas with a live React component.
  • Select the component and wait for any current generation to finish.
  • Choose a visible region large enough to identify the intended target.

Workflow

  1. 01

    Select the working component

    Focus the component that contains the part you want to change.

  2. 02

    Start Snip

    Choose Snip a component region from the canvas composer, or use the shown keyboard shortcut.

  3. 03

    Drag across the target area

    Capture the smallest region that still makes the intended element or group unambiguous.

  4. 04

    Check the target attachment

    Confirm the captured region appears in the composer. Remove it and try again if the wrong pixels were captured.

  5. 05

    Describe the visible change

    Name the outcome in plain language and state anything nearby that must remain unchanged.

  6. 06

    Submit and inspect

    Verify the selected region changed and unrelated parts of the component stayed stable.

Expected result

You should have the same working component with a bounded visual change in the area you pointed to. Continue with another focused edit only after the current result is correct.

Try Tenor