Skip to content

Latest commit

 

History

History
32 lines (28 loc) · 1.43 KB

File metadata and controls

32 lines (28 loc) · 1.43 KB

fixed-label-headref

Fixed Label

The fixedLabel property creates a Input component, whose Label is fixed at the left of the Input, which does not hide when text is entered. The input aligns on the same position, regardless of the length of the label. It can be used with placeholder as well.

Preview ios fixed-label-headref Preview android fixed-label-headref

Syntax

import React, { Component } from 'react';
import { Container, Content, Form, Item, Input,Label} from 'native-base';
export default class FormExample extends Component {
    render() {
        return (
            <Container>
                    <Content>
                        <Form>
                            <Item fixedLabel>
                                <Label>Username</Label>
                                <Input />
                            </Item>
                            <Item fixedLabel last>
                                <Label>Password</Label>
                                <Input />
                            </Item>
                        </Form>
                    </Content>
                </Container>
        );
    }
}