---
title: "Editable — Framer component · Best of Framer"
description: "$19.00 · Framer component · by Netoum · Forms. The Editable component shows preview text that switches to an input when you edit."
canonical: "https://framer.elliotli.dev/component/editable"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Editable

# Editable

Native Editable Framer Form

[View on Framer](https://framer.com/marketplace/components/editable/?via=elliot-li)

![Editable preview image 1](https://framer.elliotli.dev/og/component/editable/a85152c3ea81679c/1600x1200.jpg)

## Summary

The Editable component shows preview text that switches to an input when you edit.

## Description

The Editable component shows preview text that switches to an input when you edit. Every interaction, activating edit mode, typing, saving, and canceling is handled with built-in accessibility, so it works well for all users.

**Key features**

-   Compatible with Framer native forms
    
-   Built-in accessibility for readable, usable interactions
    
-   Works on desktop and mobile
    
-   Single-line inline editing with preview and input modes
    
-   Icon triggers for Edit, Save, and Cancel
    
-   Activation by focus, click, double-click, or programmatic control
    
-   Submit on Enter, blur, both, or via the Save button
    
-   Separate styling for preview (read-only text) and input (edit mode)
    
-   Highly customizable: fonts, colors, borders, radii, padding, and more in Framer
    
-   Keyboard support: Enter to save, Escape to cancel
    

**Ideal for**

-   Inline editing in tables and lists
    
-   User profiles and settings
    
-   CMS-style content editing
    
-   Any flow that needs quick single-line edits without a separate form
    

**License**

Your Pro License includes:

-   Single user license
    
-   Use on unlimited sites
    
-   Use for unlimited clients
    

Restrictions: Not for resale or sharing in component libraries or templates. Contact me for custom license plans.

**Support**

Contact me at [info@netoum.com](mailto:info@netoum.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #11072

## Details

- **Author**: Netoum
- **Price**: $19.00
- **Published**: 2026-04-01
- **Updated**: 2026-04-01
- **Added**: 2026-03-22
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from