Utility
Styling
A general input component for various types of text as well as numbers.
<script>
import { Input } from '@thetinkerinc/colibri';
import style from './style.js';
let value;
</script>
<Input type="text" {style} bind:value>
</Input>
<div>Value: {JSON.stringify(value)}</div>
Value: undefined
Props
value:
string | number type:
name:
placeholder:
autofocus:
disabled:
style:
Object Slots
before:
after:
Events
on:change
on:focus
on:blur
Styling
borderRadius:
Overrides:
--colibri-border-radius
border:
Overrides:
--colibri-border
backgroundColor:
Overrides:
--colibri-element-background-color
//style.js
export default style = {};