docs(components): update filled inputs in items callout to an admonition (#3656)

Author: brandyscarney

docs/api/input.md

@@ -83,9 +83,11 @@ import Clear from '@site/static/usage/v8/input/clear/index.md';
 
 Material Design offers filled styles for an input. The `fill` property on the input can be set to either `"solid"` or `"outline"`.
 
-Since the `fill` styles visually defines the input container, inputs that use `fill` should not be used in `ion-item`.
+Filled inputs can be used on iOS by setting the input's `mode` to `md`.
 
-Filled inputs can be used on iOS by setting Input's `mode` to `md`.
+:::warning
+Inputs that use `fill` should not be used in an `ion-item` due to styling conflicts between the components.
+:::
 
 import Fill from '@site/static/usage/v8/input/fill/index.md';
 

docs/api/select.md

@@ -134,7 +134,7 @@ import ObjectValuesAndMultipleSelectionExample from '@site/static/usage/v8/selec
 <ObjectValuesAndMultipleSelectionExample />
 
 ## Justification
-  
+
 Developers can use the `justify` property to control how the label and control are packed on a line.
 
 import JustifyExample from '@site/static/usage/v8/select/justify/index.md';
@@ -145,7 +145,11 @@ import JustifyExample from '@site/static/usage/v8/select/justify/index.md';
 
 Material Design offers filled styles for a select. The `fill` property on the select can be set to either `"solid"` or `"outline"`.
 
-Since the `fill` styles visually defines the select container, selects that use `fill` should not be used in `ion-item`.
+Filled selects can be used on iOS by setting the select's `mode` to `md`.
+
+:::warning
+Selects that use `fill` should not be used in an `ion-item` due to styling conflicts between the components.
+:::
 
 import FillExample from '@site/static/usage/v8/select/fill/index.md';
 

docs/api/textarea.md

@@ -67,9 +67,11 @@ import NoVisibleLabel from '@site/static/usage/v8/textarea/no-visible-label/inde
 
 Material Design offers filled styles for a textarea. The `fill` property on the item can be set to either `"solid"` or `"outline"`.
 
-Since the `fill` styles visually defines the textarea container, textareas that use `fill` should not be used in `ion-item`.
+Filled textareas can be used on iOS by setting the textarea's `mode` to `md`.
 
-Filled textareas can be used on iOS by setting Textarea's `mode` to `md`.
+:::warning
+Textareas that use `fill` should not be used in an `ion-item` due to styling conflicts between the components.
+:::
 
 import Fill from '@site/static/usage/v8/textarea/fill/index.md';