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