0.2.0 • Published 3 years 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 --saveUsage
<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; }> |