Merge branch 'main' into fix-toast-shadows

themesberg · Jan 21, 2025 · 405a91a · 405a91a
2 parents a01cb60 + 224ee6e
commit 405a91a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/docs/components/dropdown.md b/docs/components/dropdown.md
@@ -150,7 +150,7 @@ import { FwbDropdown, FwbListGroup, FwbListGroupItem } from 'flowbite-vue'
 ## Dropdown - button colors
 
 ::: tip
-Use `triggerClass` prop if you need more controll over default trigger button.
+Use `triggerClass` prop if you need more control over default trigger button.
 :::
 
 <fwb-dropdown-example-button-colors />
@@ -256,7 +256,7 @@ Please note that when using a custom trigger (via the trigger slot), you'll need
 
 ## Dropdown - trigger
 
-Use dedicated `#trigger` slot to change trigger element accodding to your needs.
+Use dedicated `#trigger` slot to change trigger element according to your needs.
 
 ::: tip
 You can use `triggerWrapperClass` prop if you need to change classes on the trigger wrapper element.
@@ -322,10 +322,10 @@ import { FwbDropdown } from 'flowbite-vue'
 | color               | Button Variant<br>_(for default trigger)_                                            | `default`, `alternative`, `dark`, `light`, `green`, `red`, `yellow`, `purple`, `pink`, `blue` | `default`                               |
 | contentWrapperClass | Allows adding or overriding classes on the content wrapper                           | String                                                                                        | `''`                                    |
 | disabled            | Button state<br>_(for default trigger)_                                              | Boolean                                                                                       | `false`                                 |
-| placement           | Alignment of dropdown contnet                                                        | `top`, `right`, `bottom`, `left`                                                              | `bottom`                                |
+| placement           | Alignment of dropdown content                                                        | `top`, `right`, `bottom`, `left`                                                              | `bottom`                                |
 | text                | Button label<br>_(for default trigger)_                                              | String                                                                                        | `Dropdown`                              |
 | transition          | Custom transition name<br>_(requires custom transitions in CSS)_                     | String                                                                                        | Calculated based on current `placement` |
-| triggerClass        | Allows adding or overriding classes on the trigger Button<br>_(for default trigger)_ | String                                                                                        | `''`                                    |
+| triggerClass        | Allows adding or overriding classes on the trigger button<br>_(for default trigger)_ | String                                                                                        | `''`                                    |
 | triggerWrapperClass | Allows adding or overriding classes on the trigger wrapper                           | String                                                                                        | `''`                                    |
 
 

diff --git a/docs/components/dropdown/examples/FwbDropdownExampleAlignment.vue b/docs/components/dropdown/examples/FwbDropdownExampleAlignment.vue
@@ -13,11 +13,11 @@
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
-        >Settings</a>
+        >Personal&nbsp;Settings</a>
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
-        >Earnings</a>
+        >Notifications</a>
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
@@ -37,11 +37,11 @@
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
-        >Settings</a>
+        >Personal&nbsp;Settings</a>
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
-        >Earnings</a>
+        >Notifications</a>
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
@@ -60,11 +60,11 @@
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
-        >Settings</a>
+        >Personal&nbsp;Settings</a>
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
-        >Earnings</a>
+        >Notifications</a>
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
@@ -84,11 +84,11 @@
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
-        >Settings</a>
+        >Personal&nbsp;Settings</a>
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
-        >Earnings</a>
+        >Notifications</a>
         <a
           href="#"
           class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"