fe447694ed
* feat: create a crayons component called MultiInput that appears under App Components/MultiInput * feat: add the doc describing the components to storybook * feat: create the component ina different file and reference its usage from the stories * feat: add a random class to hook up a stylesheet to the component * lets just copy soem HTML * chore: remove arias that will not be used for the multiinput * feat: update the classnames and remove unneeded html * feat: multi input css updates * feat: add the ability to set the list of emails using state * feat: add the ability to clear the input selection * feat: remove item * feat: handle key events like space, comma and enter in the input * refactor: clean up code a bit * refactor: rename email to item * fix: remove space keydown as its causing weird behaviour * refactor: remove unused css now that we using pills * feat: ensure that we do not add blank pills * feat: add the component to BETA * feat: rename addToList to addItemToList to be more verbose * feat: add the first component prop i.e. placeholder * feat: add a more descriptive text * feat: add a padding to the field * remove unused arial labels, and erword soem descriptions * feat: add imports to scss * Update app/javascript/crayons/MultiInput/MultiInput.jsx Co-authored-by: Suzanne Aitchison <suzanne@forem.com> * Update app/javascript/crayons/MultiInput/MultiInput.jsx Co-authored-by: Suzanne Aitchison <suzanne@forem.com> * Update app/javascript/crayons/MultiInput/__stories__/MultiInput.mdx Co-authored-by: Julianna Tetreault <32834804+juliannatetreault@users.noreply.github.com> Co-authored-by: Suzanne Aitchison <suzanne@forem.com> Co-authored-by: Julianna Tetreault <32834804+juliannatetreault@users.noreply.github.com> |
||
|---|---|---|
| .. | ||
| __stories__ | ||
| MultiInput.jsx | ||