Prefer human readable names

Author: koppen

demo/test/components/previews/button_preview.rb

@@ -25,23 +25,23 @@ def alternative
   # @display classes flex flex-wrap
 
   def xs_button
-    render(Flowbite::Button.new(label: "XS", size: :xs))
+    render(Flowbite::Button.new(label: "Extra small", size: :xs))
   end
 
   def sm_button
-    render(Flowbite::Button.new(label: "SM", size: :sm))
+    render(Flowbite::Button.new(label: "Small", size: :sm))
   end
 
   def default_button
     render(Flowbite::Button.new(label: "Default", size: :default))
   end
 
   def lg_button
-    render(Flowbite::Button.new(label: "LG", size: :lg))
+    render(Flowbite::Button.new(label: "Large", size: :lg))
   end
 
   def xl_button
-    render(Flowbite::Button.new(label: "XL", size: :xl))
+    render(Flowbite::Button.new(label: "Extra large", size: :xl))
   end
 
   # @!endgroup