MonalisaUI
  • Introduction
  • ArticleCard
  • Avatar
  • Badge
  • Button
  • Card
  • CheckBox
  • Col
  • Divider
  • Icon
  • Input
  • ListItem
  • Pricing
  • ProgressBar
  • Rating
  • Row
  • Segment
  • SocialIcon
  • Spinner
  • Switch
  • Tag
  • Text
  • Textarea
  • Theme
Powered by GitBook
On this page

Textarea

PreviousTextNextTheme

Last updated 5 years ago

Inputs allow users to enter text into a UI.

MonalisaUI

View full example:

import React from 'react';
import { View } from 'react-native';
import { Textarea } from 'monalisa-ui';

const Example = () => (
  <View>
    <Textarea
      placeholder="Input value"
    />
    <Textarea
      placeholder="Input value"
      height={150}
    />
    <Textarea
      placeholder="Input value"
      rounded={18}
    />
    <Textarea
      placeholder="Input value"
      borderColor="#ff0000"
    />
  </View>
);

export default Example;

Configuration

Property

Default

Option

Description

style

-

-

Style for the textarea

height

100

number

Set height for the textarea

rounded

0

number

Set border radius for the textarea

borderColor

-

string

Set border color for the textarea

Input props...
Textarea Example