Disabled.md

Disabled Textbox

To restrict inputting data into textbox, include the disabled prop with <InputGroup>.

iOS	Android

Syntax

import React, { Component } from 'react';
import { Container, Content, InputGroup, Input, Icon } from 'native-base/ui';
​
export default class DisabledTextboxExample extends Component {
    render() {
        return (
            <Container>
                <Content>
                    <InputGroup disabled>
                        <Input placeholder='Disabled Textbox'/>
                        <Icon name='ios-information-circle' style={{color: '#384850'}}/>
                    </InputGroup>
                </Content>
            </Container>
        );
    }
}