docs(common): Prefix and Suffix documentation

_contentTemplates/common/inputs.md

@@ -7,3 +7,36 @@ Also check the dedicated KB article about [programmatic input component focusing
 Consider setting `DebounceDelay="0"` to the component inside the editor template. This is how the default editors in all Telerik Blazor components work. Otherwise, fast users may try to save changes before the data item in edit mode receives the new value.
 
 #end
+
+#adornments
+## Adornments
+
+The component allows you to add custom elements as prefixes and suffixes. [Read more about how to render custom adornments before and after the input element...]({%slug common-features/input-adornments%})
+#end
+
+#floating-label-and-preffix
+When using the [`PrefixTemplate`]({%slug common-features/input-adornments%}#adding-prefix-in-ui-for-blazor-components) for a component wrapped in a [FloatingLabel]({%slug floatinglabel-overview%}), the label will overlap the prefix.
+
+To ensure both the FloatingLabel and the prefix content are properly displayed, move the label with CSS:
+
+````CSHTML
+<style>
+    .custom-label-class .k-label {
+        margin-left: 30px;
+    }
+</style>
+
+<TelerikFloatingLabel Class="custom-label-class" Text="Enter email">
+    <TelerikTextBox @bind-Value="@TextValue"
+                    Width="300px">
+        <TextBoxPrefixTemplate>
+            <TelerikSvgIcon Icon="@SvgIcon.Envelop" />
+        </TextBoxPrefixTemplate>
+    </TelerikTextBox>
+</TelerikFloatingLabel>
+
+@code{
+    public string TextValue { get; set; }
+}
+````
+#end

common-features/dimensions.md

@@ -5,7 +5,7 @@ description: How dimensions work and are set in the Telerik UI for Blazor compon
 slug: common-features/dimensions
 tags: telerik,blazor,dimensions,width,height,percent,pixel
 published: True
-position: 3
+position: 7
 ---
 
 # Dimensions