Input

komponen ini hanyalah tag input yang diberi style dan dengan sedikit penambahan fitur seperti prefix suffix. jadi komponen ini bisa digunakan seperti tag input pada umumnya

DefaultValue

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input defaultValue='asdfasdfasdfasdef'  />
	)
}

Disabled

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input disabled />
	)
}

Text

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input />
	)
}

Number

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input type="number" />
	)
}

Email

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input type="email" />
	)
}

TextArea

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input textArea />
	)
}

Password

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input type="password" />
	)
}

Date

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input type="date" />
	)
}

DateTimeLocal

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input type="datetime-local" />
	)
}

Prefix

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input prefix={<Mail />} />
	)
}

Suffix

Typescript

import { Input } from 'alurkerja-ui'
export const InputPage = () => {
	return(
		<Input suffix={<Mail />} />
	)
}