0.1.0 • Published 9 years ago

aurelia-materialize-css v0.1.0

Weekly downloads
26
License
MIT
Repository
github
Last release
9 years ago

aurelia-materialize-css plugin

Gitter Build Status Coverage Status GitHub version npm version

Custom elements and attributes to use MaterializeCSS with Aurelia.

#Demo site Examples and how to use can be found at the demo site

#Dependencies

#Installation

jspm i aurelia-materialize-css

main.ts (typescript)

export function configure(aurelia: Aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging()
    .plugin("aurelia-materialize-css");

  aurelia.start().then(() => aurelia.setRoot());
}

main.js (javascript)

export function configure(aurelia) {
  aurelia.use
    .standardConfiguration()
    .developmentLogging()
    .plugin("aurelia-materialize-css");

  aurelia.start().then(() => aurelia.setRoot());
}

#Configuration Allows you to supply MaterializeCssOptions options.

.plugin("aurelia-materialize-css", new MaterializeCssOptions());

##MaterializeCssOption properties:

PropertyTypeDefaultDescription
enableAttributesbooleantrueenable or disable all the attributes
enableElementsbooleantrueenable or disable all the elements
attributeFilter(val) => booleanundefinedfunc, allows custom logic to enable or disable attributes
elementFilter(val) => booleanundefinedfunc, allows custom logic to enable or disable elements
configurationConfigurationsee belowconfiguration object allows custom naming of elements/ attributes

##Configuration properties:

PropertyDefaultDescription
prefixm:The prefix before each element or attribute
collapsiblem:collapsibleName of the collapsible element or attribute
collapsibleBodym:collapsible-bodyName of the collapsible body element or attribute
collapsibleHeaderm:collapsible-headerName of the collapsible header element or attribute
collapsibleItemm:collapsible-itemName of the collapsible item element or attribute
dropdownm:dropdownName of the dropdown element or attribute
dropdownDividerm:dropdown-dividerName of the dropdown divider element or attribute
dropdownItemm:dropdown-itemName of the dropdown item element or attribute
boxedm:boxedName of the boxed element or attribute
slidem:slideName of the slide element or attribute
sliderm:sliderName of the slider element or attribute
modalm:modalName of the modal element or attribute
modalTriggerm:modal-triggerName of the modal trigger element or attribute
modalContentm:modal-contentName of the modal content element or attribute
modalFooterm:modal-footerName of the modal footer element or attribute
pushpinm:pushpinName of the pushpin element or attribute
scrollSpym:scrollspyName of the scroll spy element or attribute
badgem:badgeName of the badge element or attribute
iconm:iconName of the icon element or attribute
buttonm:buttonName of the button element or attribute
breadcrumbm:breadcrumbName of the breadcrumb element or attribute
breadcrumbsm:breadcrumbsName of the breadcrumbs element or attribute
materialSelectm:selectName of the material select element or attribute
pickadatem:pickadateName of the pick a date element or attribute
cardm:cardName of the card element or attribute
cardTitlem:card-titleName of the card title element or attribute
cardActionm:card-actionName of the card action element or attribute
cardImagem:card-imageName of the card image element or attribute
cardRevealm:card-revealName of the card reveal element or attribute
cardPanelm:card-panelName of the card panel element or attribute
allowedWaveslight, red, yellow, orange, purple, green, tealList of allowed waves classes
0.1.0

9 years ago

0.0.14

9 years ago

0.0.13

9 years ago

0.0.12

10 years ago

0.0.11

10 years ago

0.0.10

10 years ago

0.0.9

10 years ago

0.0.8

10 years ago

0.0.7

10 years ago

0.0.6

10 years ago

0.0.5

10 years ago

0.0.4

10 years ago

0.0.3

10 years ago

0.0.1-2

10 years ago

0.0.1-1

10 years ago

0.0.1-0

10 years ago

0.0.0

10 years ago