- Breaking: Change global prop configuration system to be simpler and more reliable. See updated Customization guide for details.
- Rewrote Sass customization guide for clarity.
- Fix ripple position starting off when directly clicking an inner element. Fixes #220.
- Add
tooltip
,tooltipPosition
andopenTooltipOn
props - Make focus ring transition to fill the button. Previously, it stopped halfway. Fixes #205.
- Remove UiProgressCircular from the DOM when
loading
is false. Previously, it was hidden withdisplay: none
. - Remove pointer cursor, to match default HTML buttons.
- For secondary buttons, use button color as background for hover and focus.
- Add
href
prop. Setting this prop will render an anchor tag.
- Remove UiProgressCircular from the DOM when
loading
is false. Previously, it was hidden withdisplay: none
. - Remove pointer cursor, to match default HTML buttons.
- For secondary icon buttons, use button color as background for hover and focus.
- Add new size:
mini
- Add
href
prop. Setting this prop will render an anchor tag.
-
UiTabs
- Change active tab indicator animation, to fix issues related to window resizing and initially hidden tabs. Fixes #328.
- Breaking: Remove
refreshIndicator
method, no longer needed.
-
UiTab
- Tabs can now be created using
v-for
. Fixes #349. - Breaking: Remove
show
prop, usev-for
with a filtered array of tabs instead. - HTML can now be used in tab headers, using the
header
slot. - Breaking: Remove
icon
(string) andiconProps
(object) props, use theheader
slot instead.
- Tabs can now be created using
- Rewrite animation to use
transform
only (GPU accelerated), remove ::before/::after pseudo elements used for previous animation.
- Breaking:
trigger
prop is now a DOM Element instance or selector string. If no trigger is provided or the selector doesn't match any element, the popover's immediate parent element is used as the trigger. - Breaking: Rename
dropdownPosition
prop toposition
, to match UiTooltip - Add new prop
removeOnClose
, used to remove the popover element from the DOM when it is closed - Add new method
isOpen()
, used to determine if the popover is open.
- Breaking:
trigger
prop is now a DOM Element instance or selector string. If no trigger is provided or the selector doesn't match any element, the tooltip's immediate parent element is used as the trigger. - Add new prop
removeOnClose
, used to remove the tooltip element from the DOM when it is closed
- Breaking:
trigger
prop is now a DOM Element instance or selector string. If no trigger is provided or the selector doesn't match any element, the ripple's immediate parent element is used as the trigger. - Fix incorrect ripple position when clicking directly on trigger's inner elements. Fixes #220.
- Upgrade Vue to
v2.4.2
and fix template warnings. See #268. - Add
aria-describedby
attribute to UiTooltip - Fix bug where help and error content provided via slot isn't shown unless the
help
orerror
props are set. Affects UiAutocomplete, UiCheckboxGroup, UiDatepicker, UiRadioGroup, UiSelect, and UiTextbox. See #204. - Allow
null
for UiAutocomplete and UiTextboxvalue
prop. See #253. - Allow UiTooltip
trigger
prop to be a VueComponent instance. See #204. - Add
checked
attribute to theinput
element for UiRadio. See #207. - Fix error being thrown when using UiRippleInk with SVG elements on touch devices. See #236.
- Fix minor errors and dead links in the docs
- Remove Material Icons webfont and use inline SVG icons in the docs
- Update contributing guidelines with information about linting, BEM and using the
next
branch
There 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.
- New components: UiCheckboxGroup, UiDatepicker and UiFileupload
- Documentation for customizing the components
- Global configuration now available for certain component props
- CSS switched from Stylus to Sass, adopting the BEM naming convention
- Component sizing switched from
px
torem
, using a root font size of16px
. Changing this font size will scale the components up/down appropriately. - Component event names switched from past tense to present to be more in line with the native DOM events
- Remove validatorjs and draggabilly dependencies
- Now shipping both minified and unminified versions of standalone component files in
lib/
- Fix several issues and unnecessary API limitations