design system: app modal prompt

[pirhoo]

A generic modal to collect user input.

The AppModalPrompt must implement the AppModal component with:

• a inpuType prop (default to "text")
• a modelData prop to bind to the input
• a description prop to display bellow the input
• update:modelData event when the input value change
• submit event when the form is submitted or the "ok" button clicked

Preview

[caro3801]

component is here: https://icij.github.io/datashare-client/?path=/docs/components-appmodal-appmodalprompt--docs

[Soliine]

Looks great!

Wdyt of having the focus on the input field as soon as we open the modal?

It would come handy and since we removed the colon at the end of the sentence "Name your saved search", I find it not easy to understand that the input is an input. Let me know what you think!

[caro3801]

The placeholder argument was missing. Autofocus is a nice feature when it comes to quickly name things. I added a property to the component so we can choose depending on the context. Fix: add input placeholder Feat: add auto focus props https://icij.github.io/datashare-client/?path=/docs/components-appmodal-appmodalprompt--docs

[Soliine]

Awesome! 👏