Skip to content

Latest commit

 

History

History
34 lines (29 loc) · 1.19 KB

File metadata and controls

34 lines (29 loc) · 1.19 KB

inline-label-headref

Inline Label

The inlineLabel property creates an Input component, whose Label is in-line with Input and does not hide when text is entered. It can be used with placeholder as well.

Preview ios inline-label-headref Preview android inline-label-headref

Syntax

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