This is the InputGroup element

Package version

npm i module-tsl-ui-elements --save
6.7.7

imports

import { InputGroup } from 'module-tsl-ui-elements';
@import '~module-tsl-ui-elements/input-group/input-group';

example (editable)


<React.Fragment>
<InputGroup
  self={{
    groupId: 'foo',
  }}
  label={{
    text: 'Input label',
  }}
/>
<br />
<InputGroup
  self={{ groupId: '1' }}
  cta={<Button>Submit</Button>}
  customInput={<Input id="1" type="email" placeholder="Email address" />}
/>
</React.Fragment>

Props

We couldn't detect props! Check if __docgenInfo is correctly defined

storybook

View InputGroup storybook stories