Text input implementation lacks feature parity with React version

[miqh]

Detailed description

The Angular text input implementation lacks feature parity with the equivalent React version for Carbon Design System v10.

Specifically,

• No inline label mode
• No read-only mode
• No ability to change placeholder text

Steps to reproduce the issue

Visit:

• https://v7-react.carbondesignsystem.com/?path=/story/components-textinput--default (v10)
• https://angular.carbondesignsystem.com/?path=/story/components-input--label (v10)

In the React version, make use of the "Inline variant (inline)" and "Readonly variant (readOnly)" knobs. None of the stories offer the ability to change the placeholder text, but it's implemented in React.

Additional information

React text input read-only: React text input inline label:

[anemonetea]

I have created a PR that implements the read-only and inline inputs, but not sure what was meant by the last point -- "No ability to change placeholder text". Carbon-ng allows to change the placeholder text and this is in Storybook.

For textarea, is it not meant to have read-only state? The CSS from carbon-design-system doesn't quite work for it... but it's another input type that can be used with the ibm-label component in carbon-ng.