Input
draft
Loading
Code
HTML
import { NbhdInput } from '@fbin-web/neighborhood-core';
<nbhd-input type="text"></nbhd-input>
React
import { NbhdInput } from '@fbin-web/neighborhood-react';
const App = () => (
<>
<NbhdInput type="text"></NbhdInput>
</>
);
Properties
Property | Attribute | Type | Default | Description |
---|---|---|---|---|
type
|
type
|
text | date | datetime-local | tel | number | search | email | password
|
text
|
|
value
|
value
|
string
|
||
name
|
name
|
|
||
label
|
label
|
string
|
||
title
|
title
|
|
|
|
placeHolder
|
placeholder
|
string
|
||
pattern
|
pattern
|
string
|
||
disabled
|
disabled
|
boolean
|
false
|
|
required
|
required
|
boolean
|
false
|
|
autofocus
|
autofocus
|
boolean
|
false
|
|
readonly
|
readonly
|
boolean
|
false
|
|
maxLength
|
maxlength
|
number
|
||
minLength
|
minlength
|
number
|
||
max
|
max
|
number | string
|
||
min
|
min
|
number | string
|
||
autoComplete
|
autocomplete
|
string
|
||
inputMode
|
inputmode
|
none | text | decimal | numeric | tel | search | email | url
|
|
|
spellCheck
|
spellcheck
|
boolean
|
CSS Parts
Name | Description |
---|---|
base | The component's base wrapper. |
content | Content area wrapper. |
CSS Properties
Property | Default Value |
---|