@freiraum/material-ui-autosize-chip-input

this is the first version of our modified version of material-ui-chip-input that removes the paint the the InputField is 256px wide by default. Now the InputField is always as big as the text inside it.

Usage no npm install needed!

<script type="module">
  import freiraumMaterialUiAutosizeChipInput from 'https://cdn.skypack.dev/@freiraum/material-ui-autosize-chip-input';
</script>

README

Material-UI Autosize Chipinput

this is the first version of our modified version of material-ui-chip-input that removes the paint the the InputField is 256px wide by default. Now the InputField is always as big as the text inside it.

Please use the documentation from them if you want to know how to use it.

The only thing that we added is the property autoSizeClassName, so that you can style the div that wraps the material-ui/AutoComplete Component.

Installation

# what you need as a peerDependencies
$ npm install react material-ui

# via NPM
$ npm install @freiraum/material-ui-autosize-chip-input

# or via Yarn
$ yarn add @freiraum/material-ui-autosize-chip-input

Future Plans

  • add a Storybook to show how it will be used
  • refactor this Component to be able to write a documentation
  • write a documentation
  • write tests

Found a Bug?

... then create an issue and we try to fix them :)