MARKETPLACE
PLUGINS
ADVANCED INPUT BUBBLE MOBILE
Advanced Input Bubble Mobile logo

Advanced Input Bubble Mobile

Published April 2025
   •    Updated May 2026

Plugin details

This is a fully customizable, mobile-optimized input field for Bubble React Native apps.
Custom input masks, including Brazilian formats like phone numbers, ZIP codes (CEP), and ITINs (CPF/CNPJ)

All common input types (default, email-address, numeric, password, etc)

Input mas k

Password visibility toggle with real SVG eye / eye-slash icons

Fully custom borders, spacing, placeholder color, font color, and more

Visual toggles that match native app expectations

Dynamic input states and Bubble workflows (input_changed event + value state)

This plugin gives you full control over design and mobile behavior — especially for password entry, spacing, and accessibility.

✅ Benefit

Use native mobile keyboard types

Full padding control: top, bottom, left, right

Custom border style, width, radius, and color

Real eye/eye-slash icon to toggle password visibility (or text, or hidden)

Font styling: letter spacing, line height, word spacing

Control placeholder and eye icon color

Trigger workflows on change and access current value via state

No layout hacks or workarounds needed

$6

One time

stars   •   0 ratings
24 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

No-Code Venture logo
No-Code Venture
Joined 2017   •   214 Plugins
View contributor profile

Instructions

🔧 How to Use
Drag the element onto your Bubble native page.

Choose the input type — e.g. default, email-address, numeric, password.

Use custom props to control:

placeholder

initialContent

isDisabled

maxLength

borderWidth, borderColor, borderRadius, borderStyle

paddingTop, paddingBottom, paddingLeft, paddingRight

letterSpacing, lineHeight, wordSpacing

showPasswordToggleStyle: icon, text, or none

eyeIconColor

Listen for the input_changed event in workflows.

Access the current value via the value exposed state.

Editor: https://bubble.io/page?id=ncv-react-plugins&test_plugin=1744906051546x531067073739096060_current&tab=Design&name=advanced_input&type=page

Demo: https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=advanced_input

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble
TOMORROW: Just Shipped Livestream with Bubble co-founders Josh and Emmanuel. Join for a demo session of Bubble’s  latest product releases
RSVP HERE