docs: lots of improvements

docs/content/2.elements/3.button.md

@@ -161,6 +161,8 @@ Button
 
 Use the `loading` prop to show a loading icon and disable the Button.
 
+Use the `loadingIcon` prop to set a different icon or change it globally in `ui.button.default.loadingIcon`. Defaults to `i-heroicons-arrow-path-20-solid`.
+
 ::component-card
 ---
 props:

docs/content/2.elements/5.icon.md

@@ -0,0 +1,20 @@
+---
+github: true
+---
+
+## Usage
+
+::component-card
+---
+props:
+  name: 'i-heroicons-light-bulb'
+---
+::
+
+::alert{icon="i-heroicons-exclamation-triangle"}
+When playing with the `name` prop above, you won't be able to use any icon you want as icons are bundled on build as explained in the [theming section](/getting-started/theming#icons).
+::
+
+## Props
+
+:component-props

docs/content/2.elements/6.kbd.md

@@ -34,6 +34,7 @@ Use the `size` prop to change the size of the Kbd.
 ---
 props:
   size: 'sm'
+code: 'U'
 ---
 
 U