diff --git a/VDSSample/ViewControllers/ButtonViewController.swift b/VDSSample/ViewControllers/ButtonViewController.swift
index 1b3973f..4939147 100644
--- a/VDSSample/ViewControllers/ButtonViewController.swift
+++ b/VDSSample/ViewControllers/ButtonViewController.swift
@@ -28,7 +28,8 @@ class ButtonViewController: BaseViewController<Button> {
     var disabledSwitch = Toggle()
     var textField = TextField()
     var widthTextField = NumericField()
-
+    var percentageTextField = NumericField()
+    
     override func viewDidLoad() {
         super.viewDidLoad()
         addContentTopView(view: .makeWrapper(for: component, edgeSpacing: 16.0), edgeSpacing: 0.0)
@@ -45,6 +46,7 @@ class ButtonViewController: BaseViewController<Button> {
         addFormRow(label: "Disabled", view: disabledSwitch)
         addFormRow(label: "Text", view: textField)
         addFormRow(label: "Width", view: widthTextField)
+        addFormRow(label: "Percentage (1-100)", view: percentageTextField)
         addFormRow(label: "Size", view: buttonSizePickerSelectorView)
         
         
@@ -61,8 +63,23 @@ class ButtonViewController: BaseViewController<Button> {
         widthTextField
             .numberPublisher
             .sink { [weak self] number in
-                guard let self, let number else { return }
-                self.component.width = number.cgFloatValue
+                if let number {
+                    self?.component.width = .value(number.cgFloatValue)
+                    self?.percentageTextField.text = ""
+                } else {
+                    self?.component.width = nil
+                }
+            }.store(in: &subscribers)
+        
+        percentageTextField
+            .numberPublisher
+            .sink { [weak self] number in
+                if let number {
+                    self?.component.width = .percentage(number.cgFloatValue)
+                    self?.widthTextField.text = ""
+                } else {
+                    self?.component.width = nil
+                }
             }.store(in: &subscribers)
 
     }
diff --git a/VDSSample/ViewControllers/LineViewController.swift b/VDSSample/ViewControllers/LineViewController.swift
index d98c44a..8f19a71 100644
--- a/VDSSample/ViewControllers/LineViewController.swift
+++ b/VDSSample/ViewControllers/LineViewController.swift
@@ -15,11 +15,17 @@ class LineViewController: BaseViewController<Line> {
                             picker: self.picker,
                            items: Line.Style.allCases)
     }()
-    
+
+    lazy var orientationPickerView = {
+        PickerSelectorView(title:"horizontal",
+                            picker: self.picker,
+                           items: Line.Orientation.allCases)
+    }()
+
     override func viewDidLoad() {
         super.viewDidLoad()
-        
         addContentTopView(view: component)
+        component.height(30)
         setupPicker()
     }
     
@@ -27,6 +33,7 @@ class LineViewController: BaseViewController<Line> {
         super.setupForm()
         addFormRow(label: "Surface", view: surfacePickerSelectorView)
         addFormRow(label: "Style", view: lineStylePickerView)
+        addFormRow(label: "Orientation", view: orientationPickerView)
     }
     
     func setupPicker() {
@@ -38,6 +45,10 @@ class LineViewController: BaseViewController<Line> {
         lineStylePickerView.onPickerDidSelect = { [weak self] item in
             self?.component.style = item
         }
+        
+        orientationPickerView.onPickerDidSelect = { [weak self] item in
+            self?.component.orientation = item
+        }
     }
 }