Input group - CSS Component ​

The InputGroup component can be used imported from:

Playground ​

Construction ​

The CSS component uses the <input-group> tag with the z-input-group HTML custom attribute.

z-input-group ​

The z-input-group parameter is the main parameter used to render the input-group component.

Outputs ​

We can add <output> tags as suffixes, prefixes or middle placeholder, with texts or icons:

@Text

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​