manny-components
v0.0.3
Published
Stencil Component Starter
Downloads
114
Readme
[email protected]
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/[email protected]/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[]
| []
|