4.4.1 • Published 12 months ago

@hawk-ui/input-group v4.4.1

Weekly downloads
515
License
MIT
Repository
-
Last release
12 months ago

Installation

To install a component run

$ npm install @hawk-ui/input-group --save

Please import CSS styles via

@import '/path__to__node_modules/@hawk-ui/input-group/dist/index.min.css

Usage

Addon Left Placement

Demo

import InputGroup from '@hawk-ui/input-group';
initialState = {
  value: 'Hello World',
};

<InputGroup
  addon="Text"
  addonPlacement="left"
  type="text"
  value={state.value}
  placeholder="Please enter value"
  onChange={(event) => {
    setState({
      value: event.target.value,
    });
  }}
  label="Username"
  description="This is a input group field"
/>

Addon Right Placement

Demo

import InputGroup from '@hawk-ui/input-group';
<InputGroup
  addon="0.00"
  addonPlacement="right"
/>

Disabled

Demo

initialState = {
  value: 'Hello World',
};

<InputGroup
  addon="Text"
  addonPlacement="left"
  type="text"
  value={state.value}
  isDisabled
  placeholder="Please enter value"
  onChange={(event) => {
    setState({
      value: event.target.value,
    });
  }}
/>

Addon Medium Placement

Demo

import InputGroup from '@hawk-ui/input-group';
<InputGroup
  addon="Text"
  addonSize="medium"
/>

Addon Large Placement

Demo

import InputGroup from '@hawk-ui/input-group';
<InputGroup
  addon="Text"
  addonSize="large"
/>

Addon Icon

Demo

import InputGroup from '@hawk-ui/input-group';
<InputGroup
  addon="fa fa-at"
  isAddonIcon
/>

Addon Element

Demo

import InputGroup from '@hawk-ui/input-group';
initialState = {
  fruits: [
    { key: 1, label: '', value: '1' },
  ],
};

<InputGroup
  addon={
    <Checkbox
      options={state.fruits}
    />
  }
/>
4.4.1

12 months ago

4.4.0

1 year ago

4.3.4

1 year ago

4.3.3

1 year ago

4.3.9

1 year ago

4.3.6

1 year ago

4.3.5

1 year ago

4.3.8

1 year ago

4.3.7

1 year ago

4.1.8

2 years ago

4.1.7

2 years ago

4.1.9

2 years ago

4.3.2

2 years ago

4.3.1

2 years ago

4.3.0

2 years ago

4.2.3

2 years ago

4.2.2

2 years ago

4.2.5

2 years ago

4.2.4

2 years ago

4.2.1

2 years ago

4.2.0

2 years ago

4.2.7

2 years ago

4.2.6

2 years ago

4.2.9

2 years ago

4.2.8

2 years ago

4.1.6

2 years ago

4.1.5

3 years ago

4.0.5

3 years ago

4.0.4

3 years ago

4.0.7

3 years ago

4.0.6

3 years ago

4.0.9

3 years ago

4.0.8

3 years ago

4.1.4

3 years ago

4.1.3

3 years ago

4.1.0

3 years ago

4.1.2

3 years ago

4.1.1

3 years ago

4.0.3

3 years ago

4.0.1

3 years ago

4.0.2

3 years ago

4.0.0

4 years ago

3.1.7

4 years ago

3.1.9

4 years ago

3.1.8

4 years ago

3.1.5

4 years ago

3.1.4

4 years ago

3.1.3

4 years ago

3.1.2

4 years ago

3.1.1

4 years ago

3.1.0

4 years ago

3.0.9

4 years ago

3.0.8

4 years ago

3.0.7

4 years ago

3.0.6

4 years ago

3.0.5

4 years ago

3.0.4

4 years ago

3.0.3

4 years ago

3.0.2

4 years ago

3.0.1

4 years ago

3.0.0

4 years ago

2.13.2

4 years ago

2.13.0

4 years ago

2.13.1

4 years ago

2.12.9

4 years ago

2.12.7

4 years ago

2.12.8

4 years ago

2.12.10

4 years ago

2.12.5

4 years ago

2.12.6

4 years ago

2.12.4

4 years ago

2.12.3

4 years ago

2.12.2

4 years ago

2.12.1

4 years ago

2.11.9

4 years ago

2.11.8

4 years ago

2.11.7

4 years ago

2.11.6

4 years ago

2.11.5

4 years ago

2.11.4

4 years ago

2.11.3

4 years ago

2.11.2

4 years ago

2.11.0

4 years ago

2.11.1

4 years ago

2.10.9

4 years ago

2.10.7

4 years ago

2.10.8

4 years ago

2.10.5

4 years ago

2.10.6

4 years ago

2.10.1

5 years ago

2.9.9

5 years ago

2.10.0

5 years ago

2.9.6

5 years ago

2.9.8

5 years ago

2.9.4

5 years ago

2.9.5

5 years ago

2.9.3

5 years ago

2.9.2

5 years ago

2.9.1

5 years ago

2.9.0

5 years ago

2.8.9

5 years ago

2.8.8

5 years ago

2.8.7

5 years ago

2.8.6

5 years ago

2.8.5

5 years ago

2.8.3

5 years ago

2.8.2

5 years ago

2.8.4

5 years ago

2.8.1

5 years ago

2.8.0

5 years ago

2.7.9

5 years ago

2.7.6

5 years ago

2.7.8

5 years ago

2.7.7

5 years ago

2.7.4

5 years ago

2.7.5

5 years ago

2.7.3

5 years ago

2.7.2

5 years ago

2.7.1

5 years ago

2.6.8

5 years ago

2.6.7

5 years ago

2.6.6

5 years ago

2.6.5

5 years ago

2.6.1

5 years ago

2.6.0

5 years ago

2.6.3

5 years ago

2.6.2

5 years ago

2.6.4

5 years ago

2.5.9

5 years ago

2.5.8

5 years ago

2.5.7

5 years ago

2.5.6

5 years ago

2.5.4

5 years ago

2.5.5

5 years ago

2.5.0

5 years ago

2.5.2

5 years ago

2.5.1

5 years ago

2.5.3

5 years ago

2.4.9

5 years ago

2.4.8

5 years ago

2.4.7

5 years ago

2.4.6

5 years ago

2.4.5

5 years ago

2.4.4

5 years ago

2.4.3

5 years ago

2.4.2

5 years ago

2.3.8

5 years ago

2.3.9

5 years ago

2.4.1

5 years ago

2.4.0

5 years ago

2.3.7

5 years ago

2.3.6

5 years ago

2.3.5

5 years ago

2.3.4

5 years ago

2.3.3

5 years ago

2.3.2

5 years ago

2.3.1

5 years ago

2.3.0

5 years ago

2.2.9

5 years ago

2.2.8

5 years ago

2.2.7

5 years ago

2.2.6

5 years ago

2.2.5

5 years ago

2.2.4

5 years ago

2.2.3

5 years ago

2.2.2

5 years ago

2.2.1

5 years ago