vue-quest-ui 0.0.43 → 0.0.44

package/README.md

@@ -101,6 +101,7 @@ All components can be customized based on your needs by passing props to them. R
 
 
 
+
 
 
 ## Components 
@@ -136,7 +137,7 @@ A versatile, customizable icon that displays Iconify icons.
 | icon | string | true | — | Iconify value for the icon. |
 | color | string | false | null | The color of the icon. |
 | circle | boolean | false | false | Shows the icon in a circle. The background color of the circle will be the color prop and the icon will show as white. |
-| size | string | false | 16px | Pixel value to resize the component, styles are adjusted when the size is updated. |
+| size | string | false | — | Pixel value to resize the component, styles are adjusted when the size is updated. |
 | alignText | boolean | false | false | Aligns the icon and text vertically. |
 
 
@@ -230,12 +231,14 @@ A simple, customizable button that triggers actions when clicked. It supports va
 |------|------|----------|---------|-------------|
 | color | string | false | var(--primary-color) | The background color of the button. |
 | fontColor | string | false | #fff | The color of the button text or icon. |
-| size | string | false | — | Pixel value to resize the component, styles are adjusted when the size is updated. |
+| size | string | false | 14px | Pixel value to resize the component, styles are adjusted when the size is updated. |
 | icon | string | false | null | Iconify value for the icon. |
 | useIconBtn | boolean | false | false | Creates a button element to appear as only an icon. |
 | circle | boolean | false | false | Creates a circular button. *(primarily used with icons)* |
 | tooltip | string, object | false | null | Shows a tooltip dropdown when hovering over the button. Set to a string or object, based on if tooltip props are needed. *(ex/ offset, width, position, etc)* |
 | disabled | boolean | false | false | Disables the button, shows grayed out and unclickable. |
+| fullWidth | boolean | false | false | Makes the button expand to the full width of its parent container. |
+| floatRight | boolean | false | false | Makes the button float to the right of its parent container. |
 
 
 
@@ -389,12 +392,12 @@ A component displayed as a small tag or flag, can be set as a link, tooltip, or
 |------|------|----------|---------|-------------|
 | size | string | false | 14px | Pixel value to resize the component, styles are adjusted when the size is updated. |
 | bgColor | string | false | var(--primary-color) | The background color of the tag. |
-| color | string | false | #fff | The font color of the tag. |
+| fontColor | string | false | #fff | The font color of the tag. |
 | useFade | boolean | false | false | Changes the style of the tag to use a faded color scheme. |
 | bold | boolean | false | false | Bolds the text of the tag. |
 | disabled | boolean | false | false | Disables the tag, the tag will show grayed out and unclickable. |
 | link | string | false | null | Clicking the link will bring the user to the provided link. The link can be internal or external, using either a router-link or anchor element. |
-| useRouterLink | boolean | false | false | Tags with links will be rendered as a router-link instead of an anchor element. |
+| useRouterLink | boolean | false | true | Tags with links will be rendered as a router-link instead of an anchor element. |
 | openInNewTab | boolean | false | true | Opens the link in a new tab. |
 | useCloseIcon | boolean | false | false | Shows an 'x' icon in the tag, emits 'on-close' when clicked. |
 | iconLeft | string | false | null | Any iconify value, will show on the left side of the tag. |