Inherit fluent component base to derived component

Author: juhangil

src/AzureOpenAIProxy.PlaygroundApp/Components/UI/LabelWithTooltip.razor

@@ -1,4 +1,5 @@
-<FluentLabel Typo="Typography.Body" Style=@Style>
+@inherits FluentComponentBase
+<FluentLabel Typo="Typography.Body" Style=@Style>
     @LabelText
 
     @* Tooltip Image *@
@@ -13,18 +14,12 @@
 </FluentLabel>
 
 @code {
-    [Parameter, EditorRequired]
-    public string Id { get; set; } = string.Empty;
-
     [Parameter, EditorRequired]
     public string LabelText { get; set; } = string.Empty;
 
     [Parameter, EditorRequired]
     public string TooltipText { get; set; } = string.Empty;
 
-    [Parameter]
-    public string? Style { get; set; } = null;
-
     private string anchorId = string.Empty;
 
     protected override void OnParametersSet()

src/AzureOpenAIProxy.PlaygroundApp/Components/UI/SliderWithTextfield.razor

@@ -1,4 +1,5 @@
-@typeparam TValue where TValue : System.Numerics.INumber<TValue>
+@inherits FluentComponentBase
+@typeparam TValue where TValue : System.Numerics.INumber<TValue>
 
 <FluentStack Orientation="Orientation.Horizontal" Style=@Style>
 
@@ -7,7 +8,7 @@
                   Style="width:88%;padding-top:15px;" />
 
     <FluentTextField @bind-Value=textFieldValue @bind-Value:after=AfterTextFieldChange
-                     Style="width:12%;padding-left:0px" />
+                     Style="width:12%;padding-left:0px;font-size:9px" />
 
 </FluentStack>
 
@@ -37,9 +38,6 @@
     [Parameter]
     public EventCallback OnChangeEvent { get; set; }
 
-    [Parameter]
-    public string? Style { get; set; } = null;
-
     public string? textFieldValue { get; set; }
 
     private bool hasNoError = true;