0.0.3 • Published 4 years ago
manny-components v0.0.3
manny-components@0.0.2
Collection of Material Design based Web Component using Stencil and Materialize css as base.
Status
Collection only includes an ssn and sin input fields as of now but will be adding more weekly.
Getting Started
Have not tested as module yet, but cdn works fine.
npm i manny-components
Then if you are using a framework or library, follow their instructions to register the web components so you can use them within your application.
You can also use the unpkg cdn and load into your html by adding:
<script src="https://unpkg.com/manny-components@0.0.2/dist/manny-components/manny-components.js"></script>
Then just use anywhere within your application. You can also add props as attributes. These are described below.
<ssn-input></ssn-input>
<ssn-input></ssn-input>
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
fieldValid | field-valid | boolean | null | |
isHidden | is-hidden | boolean | false | |
isReadOnly | is-read-only | converts first 4 digits to dots and sets input field as disabled | boolean | false |
isRequired | is-required | adds required field validation | boolean | false |
label | label | string | '' | |
propValue | prop-value | string | '' | |
rules | -- | any[] | [] |