rioda-md-webcomponents v0.0.4

Custom Web Components for Material Design

This project contains web components for material design.

Getting Started

To use this package download it from npm with the following instruction:

npm i rioda-md-webcomponents

To use the components in your app, check the stencil integration with the js frameworks in the following link

Using the components

Textfield

To use a textfield for a form use the following tag as in the example below

<rio-md-textfield type="text">Field Label</rio-md-textfield>

Supported types are:

• text
• textarea
• password
• email
• number
• time
• search

If you want to customize the style of this element, you can define css variables for the textfield element as in the following example:

rio-md-textfield.custom-style {
    --width: 75%;
    --focus: #0000ff;
    --valid: #00ff00;
    --invalid: #ff0000;
    --bar: #222;
    --input: #000;
    --label: #444;
}