0.2.0 • Published 1 year ago
@web-inmars/mars-textfield v0.2.0
mars-textfield
Web component that allows us to show an accessible and beautiful textfield so that users can interact
Installation
npm i @web-inmars/mars-textfield --save
Usage
<script type="module">
import 'mars-textfield/mars-textfield.js';
</script>
<mars-textfield>
I am a textfield
</mars-textfield>
Properties
Property | Attribute | Type | Default |
---|---|---|---|
caption | caption | string | "" |
disabled | disabled | boolean | false |
for | for | string | "" |
label | label | string | "" |
name | name | string | "" |
placeholder | placeholder | string | "" |
showCaption | show-caption | boolean | false |
type | type | string | "text" |
value | value | string | "" |
variant | variant | string | "" |
Events
Event | Type |
---|---|
on-input | CustomEvent<{ event: any; value: string; }> |