Socket
Socket
Sign inDemoInstall

@bentatum/vue-material

Package Overview
Dependencies
10
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @bentatum/vue-material

Material Design for Vue.js


Version published
Weekly downloads
3
increased by50%
Maintainers
1
Install size
3.57 MB
Created
Weekly downloads
 

Changelog

Source

1.0.0-beta-8 (2018-01-29)

Bug Fixes

  • add beta flag (bd96842)
  • add jest-vue to replace jest-vue-preprocessor (505627c)
  • change broken image (0868406)
  • change default fab color to accent (5893895)
  • fix splash not changing the colors properly (94f9d92)
  • getting startet with wrong javascript markup (7914eb8)
  • getting startet with wrong javascript markup (73360f8)
  • make checkbo and radio to work with disabled attribute (88d7755)
  • make field to have an required indicator (facbea8)
  • make input id unique per instance (981d281)
  • make meta colors off by default and add an option to enable it (c67a1c0)
  • MdApp: create card inside overlap mode (607143f)
  • MdApp: fix fixed-last not revealing the first row after scroll up (bad65a2)
  • MdApp: fix persistent drawer not pushing the content (0388d84)
  • MdApp: fix persistent drawer not pushing the content (7d86e8c)
  • MdApp: fix reveal scroll flickering after 1px scroll (2fb232e)
  • MdApp: fix reveal scroll not being updated (6ed4522)
  • MdApp: fix styles after ssr support (27e9e7d)
  • MdApp: prevent md-app withou children to raise an error (5b71335)
  • MdAutocomplete: fix input emit when cleared (#1295) (8a055e8)
  • MdAutocomplete: prevent show options twice (#1410) (6a719b5), closes #1408
  • MdAutocomplete: sync v-model with search term (#1218) (e9bb62e), closes #1215
  • MdBottomBar: avoid class colisions (fe916d3)
  • MdButton: add full support for router-link (6353774)
  • MdButton: create better detection of router-link to support hmr (2db10a6)
  • MdButton: file not being recognized by GitHub fs (920817c)
  • MdButton: force MdRipple to be added when using MdButton alone (9b59a9f)
  • MdButton: read all router link properties and bind to button props (271f059)
  • MdCard: fix some theme errors and glitches (7c47cca)
  • MdCheckbox: typo (ca0c2a4)
  • MdChips: fix issues (#1159) (dc428dd)
  • MdChips: add labels for static chips (#1329) (b7094cb), closes #1327
  • MdChips: make chip allow spaces (#1211) (0030083), closes #1207
  • MdCore: prop validator message now uses Vue.util.warn (c76a630)
  • MdDatepicker: avoid warning for duplicated keys (#1379) (70712d7)
  • MdDatepicker: show today if date is not selected (#1214) (ac76cd7), closes #1200
  • MdDialog: IE not rendering Dialogs (#1356) (8115f32)
  • MdDialog: make prompt dialogs to work with v-model (9daa006)
  • MdDivider: create divider as <li> tag when direct inside lists (d807367)
  • MdDrawer: always enforce drawers as array (3758794)
  • MdDrawer: revert old behavior for persistent (cb242c7)
  • MdField: Consider number 0 as hasValue (#1407) (d026496), closes #1406
  • MdField: disable clear button while field is disabled (#1326) (03a9425), closes #1321
  • MdField: improve error states and input reset (1a389b0)
  • MdField: improve icon position (38245ae)
  • MdField: make type prop only available for input (a69d46c)
  • MdField: make v-model work with vue 2.5.x (5596575)
  • MdField: preserve the name attribute on change (#1385) (0a83834)
  • MdField: prevent MdInput and MdTextarea from emit input events directly (#1285) (00832e9), closes #1261
  • MdField: restore the order after upgrade to Vue 2.4 (d526aff)
  • MdField: theme icons (16added)
  • MdFile: add required v-model (3232cbb)
  • MdFile: Remove calling method onInput which doesn't exist (#1176) (5bf3476), closes #1163
  • MdHighlightText: avoid printing 'null' as a value (#1352) (4d906b6), closes #1351
  • MdInput: avoid InputEvent object from @input event (#1196) (12a4219), closes #1160 #1150 #1203 /github.com/vuematerial/vue-material/pull/1196#discussion_r152856051 /github.com/vuematerial/vue-material/pull/1196#discussion_r152856346
  • MdInput: fix password toggle (#1178) (65030e7), closes #1170
  • MdLayout: add xlarge and large classes to the layout component (#1323) (6c5fe65)
  • MdLayout: change gutter from padding to margin (55419b3)
  • MdLayout: make all content inside a layout without wrap (152c9c3)
  • MdList: add active style (fb1c253)
  • MdList: add full support to router-link (4cbb036)
  • MdMenu: Close menu while another is opened (#1266) (ef720c4), closes #1255
  • MdMenu: fix close-on-select props (#1280) (40406af), closes #1279
  • MdOverlay: make all overlays inside body display:fixed by default (670a96d)
  • MdPortal: always check if targetEl exists after apply it (3fae6b0)
  • MdPortal: check fro only children elements before remove (d7e5845)
  • MdPortal: get the correct transition duration before removing a portal element (35e4e9d)
  • MdPortal: improve re render of a portal element (9631403)
  • MdPortal: make document.body as a default target for portal (d438d72)
  • MdProgressSpinner: fix firefox radius (#1221) (0686e8a)
  • MdProgressSpinner: undefined navigator on SSR (#1441) (4722dad)
  • MdRipple: clear ripples if called programatically (#1431) (9e6aa8a)
  • MdRipple: improve ripple performance (bd0e058)
  • MdRipple: make ripple to be disabled globally (125ebb4)
  • MdRipple: prevent ripple when scrolling a list (f183dfe)
  • MdScrollbar: fix scrollbar color and size to better match specs (5fb4123)
  • MdSelect: emit md-selected event after localValue changed (#1282) (023723a), closes #1275
  • MdSelect: fix dense layout not being rendered properly (#1346) (7110eab), closes #1332
  • MdSelect: fix regression in select model variable name (c7cff56)
  • MdSelect: make options in disabled groups un-selectable (#1293) (89138eb), closes #1286
  • MdSelect: prevent overflowing arrow icon (#1373) (637e914)
  • MdSelect: prevent select from getting a wrong highlight when mounted (e3eb993)
  • MdSelect: Reactive options (#1447) (01dfdfb), closes #1262
  • MdSnackbar: adjust margins and padding to be compliant with the specs (5297291)
  • MdSnackbar: fix snackbar not opening when is not persistent (6d5a448)
  • MdSteppers: fix styles of vertical steppers being applies to horizontal (5a5d028)
  • MdSteppers: recalculate styles on window resize (#1394) (d3953f7)
  • MdTable: change sort methods (75c603b)
  • MdTable: change sort methods (64a332b)
  • MdTable: fix error to sort by attribute of child object (#1309) (9134227)
  • MdTable: fix height of fixed table for firefox (#1384) (e24f8dc)
  • MdTable: improve sort function on table for numbered columns (#1353) (18bb96c), closes #1349
  • MdTable: remove table head when column removed (#1354) (b54eb10), closes #1347
  • MdTable: sync hasValue when the value changes (#1147) (fdc5dab), closes #1146 #1146
  • MdTabs: correct indicator position while alignment changed (#1442) (c5fc2f5), closes #1432
  • MdTabs: fix indicator (#1448) (b33d0d6), closes #1304
  • MdTextarea: fix input event handler not triggering (#1341) (567e9a7), closes #1340
  • MdTextarea: prevent emitting inputEvent object on input (#1249) (c83f2a6), closes #1247
  • MdToolbar: fix offset alignment for small screens (9117cfd)
  • MdToolbar: fix offset alignment for small screens (acbecce)
  • MdTooltip: mdActive never updated to true using .sync modifier (b1018fb)
  • MdTooltip: overlaying in dialog (#1446) (8ade40f)
  • menu compatibility with IE (node type statement) (#1365) (a4c03be), closes #1263 #1263
  • remove global scoped css affecting all md-content elements (5fa0d52)
  • remove invalid content (5412ae1)
  • remove post install (a859157)
  • upgrade vue-template-compiler in yarn.lock (#1306) (b1bc2e1)
  • z-index issues (#1264) (843056d), closes #1134

Components

  • MdApp: create a app shell utility to hold drawers (9d2617e)
  • MdAutocomplete: add better documentation examples (a448325)
  • MdAvatar: create avatar component (#15) (5a6d2e0)
  • MdCard: add cards (17ed67b)
  • MdCheckbox: create checkboxes (f1414a0)
  • MdDatepicker: create datepicker component (#25) (05efb1a)
  • MdDialog: create dialog component (c421630)
  • MdDialog: create dialog component (#24) (014e38d)
  • MdDialog: create md-file (#13) (80dd444)
  • MdDivider: create dividers (f790ba9)
  • MdDrawer: add a new component: MdDrawer (cab7d15)
  • MdEmptyState: create empty state component (#28) (7381897)
  • MdField: start the creation of the md-field component (e97b317)
  • MdLayout: recreate md-layout (#1229) (652a0c6)
  • MdList: create lists (da24c63)
  • MdMenu: add menu component (#21) (8241575)
  • MdProgress: create progress bar and progress spinner (#34) (19d742b)
  • MdRadio: create radio buttons (dfa5478)
  • MdSelect: create select component (#27) (e965e86)
  • MdSnackbar: add snackbar component (#19) (614b6fa)
  • MdSpeedDial: create speed dial files (48b6fd1)
  • MdSteppers: create steppers component (2f70440)
  • MdSubheader: create subheaders (28a9916)
  • MdSwitch: create switch selector (dd835da)
  • MdTable: create base files for dynamic table (#29) (0810e69)
  • MdTable: create base files for dynamic table (#33) (799aa80)
  • MdTabs: add bottom bar (#18) (8caef27)
  • MdTabs: create tabs (#17) (af565f4)
  • MdToolbar: start documentation of mdToolbar (759ac43)
  • MdTooltip: add tooltips (#20) (2456ff9)

Features

Performance Improvements

  • improve app toolbar performance on scroll (bb66530)

Reverts

BREAKING CHANGES

  • MdTable: no more md-selected event from MdTableRow

  • fix(MdTable): select event should be triggered after select update event

  • fix(MdTableHeadSelection): select all only take effect on selectable items

<a name="1.0.0-beta-15"></a>

Readme

Source

Material Design for Vue.js

Build Status Downloads License Chat

Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs

Build well-designed apps that can fit on every screen with support to all modern Web Browsers with dynamic themes, components on demand and all with an ease-to-use API

Sponsorship

Vue Material is proudly sponsored by Rollbar. They provide real-time JavaScript error monitoring, alerting, and analytics for developers. :rocket:

You can try Rollbar for free at https://rollbar.com

Demo and Documentation

Documentation & demos

Examples

If you are trying to find the documentation for previous versions, please go to old website.

Installation and Usage

Install Vue Material through npm or yarn

npm install vue-material --save
yarn add vue-material

* Others package managers like JSPM and Bower are not supported yet.

Import or require Vue and Vue Material in your code:

import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.min.css'

Vue.use(VueMaterial)

Or use individual components:

import Vue from 'vue'
import { MdButton, MdContent, MdTabs } from 'vue-material/dist/components'
import 'vue-material/dist/vue-material.min.css'

Vue.use(MdButton)
Vue.use(MdContent)
Vue.use(MdTabs)

Alternativelly you can download and reference the script and the stylesheet in your HTML:

<link rel="stylesheet" href="path/to/vue-material.css">
<script src="path/to/vue-material.js"></script>

Optionally import Roboto font & Material Icons from Google CDN:

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons">

Changelog

Changelog

Questions

If you have any questions, ideas or you want to discuss with Vue Material community. Use the Discord

Or you can use Slack Channel. Follow this invitation link for Slack.

Contributing

Please make sure to read the Contributing Guide before making a pull request.

Browser Support

Vue Material supports all modern browsers.

May work in other browsers but it's untested.

Credits and Thanks

License

MIT

FAQs

Last updated on 27 Mar 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc