docs(DropDownList): Change basic usage to live example

Author: georgedautov

components/dropdownlist/overview.md

@@ -25,27 +25,7 @@ The Blazor DropDownList component allows the user to choose an option from a pre
 
 >caption DropDownList [data binding](slug:components/dropdownlist/databind), two-way value binding, and main features
 
-````RAZOR
-Selected value: @selectedValue
-<br />
-
-<TelerikDropDownList Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" @bind-Value="selectedValue">
-</TelerikDropDownList>
-
-@code {
-    //in a real case, the model is usually in a separate file
-    //the model type and value field type must be provided to the dropdpownlist
-    public class MyDdlModel
-    {
-        public int MyValueField { get; set; }
-        public string MyTextField { get; set; }
-    }
-
-    int selectedValue { get; set; } = 3;
-
-    IEnumerable<MyDdlModel> myDdlData = Enumerable.Range(1, 20).Select(x => new MyDdlModel { MyTextField = "item " + x, MyValueField = x });
-}
-````
+<demo metaUrl="client/dropdownlist/overview/" height="420"></demo>
 
 >caption The rendered DropDownList component from the code snippet above: