A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.
v2.4.2 and fix template warnings. See #268.aria-describedby attribute to UiTooltiphelp or error props are set. Affects UiAutocomplete, UiCheckboxGroup, UiDatepicker, UiRadioGroup, UiSelect, and UiTextbox. See #204.null for UiAutocomplete and UiTextbox value prop. See #253.trigger prop to be a VueComponent instance. See #204.checked attribute to the input element for UiRadio. See #207.next branchThere are several breaking changes in this release, as the components have been re-written from scratch to support Vue 2. However, this release marks a stabilization of the API (hence v1.0) and breaking changes will be avoided in 1.x where possible.
Please consult the docs for component API changes.
px to rem, using a root font size of 16px. Changing this font size will scale the components up/down appropriately.lib/
ui-input::set-validity event for setting the validity and a custom error message from outside the componentfilter prop for defining a custom search filter functionkeys to allow for redefining the text, value and image keysautofocus propopened, and closed eventshighlighted, highlight-overflow and selected events (thanks @rowanwins)autoHighlightFirstMatch and cycleHighlight props for customizing highlight behaviour (thanks @rowanwins)buttonType propmodel and value prop combination can be used for connecting multiple checkboxes to a single model (array).openTooltipOn prop for customizing which events cause the tooltip to showui-dropdown::open, ui-dropdown::close and ui-dropdown::toggle eventspartial and closeOnSelect props, to allow for using custom HTML in menu optionsrevealed and hidden events, for detecting when the show/hide transition endsoptionsLoaded for selects with dynamic optionsoptions and default props. options now supports a plain array, e.g. ['Red', 'Blue', 'Green'] as well as an array of objects whose keys can be redefined to something other than text and value. default now supports any string, number or object, or an array of those, (provided the string, number or value key of the object matches with an option) - (thanks @qetee)ui-select::set-selected event for programmatically setting the currently selected value/valuesallowHtml attribute to snackbar object, which allows for HTML in the message attributeid propui-tabs::select event for programmatically changing the active tabicon propdebounce prop handlingvalidation-rules prop to accept Array, for specifying regex validation rules that use the pipe | character.dropdownPosition prop not being passed to UiPopoverui-collapsible::refresh-height when you change the collapsible body content.100% to fix horizontal centering in Safari on macOSlastFocussedElement exists before attempting to return the focus. This fixes an error with Webpack hot reloading (thanks @lesion)."color-color-primary" (thanks @lesion)value prop to model, value now maps directly to the checkbox input's value attribute and is used with connecting multiple checkboxes to a single array.noResults prop in favor of setting optionsLoaded to true and setting an empty array for options
disableFiltering prop to optionsDynamic, because the prop does more than just disabling filteringautocomplete prop type changed to String, to allow for configuring browser autocompletedisplay to inline-flex
keyboardShortcut and showKeyboardShortcuts props to secondaryText and showSecondaryText, menu options should use the secondaryText property for showing secondary text like keyboard shortcuts and badgesshowMenuKeyboardShortcuts prop to showMenuSecondaryText, menu options should use the secondaryText property for showing secondary text like keyboard shortcuts and badges