<input class="c-input" name="example" type="text" placeholder="Placeholder text" />
<input class="c-input" name="example" type="text" placeholder="{{ placeholder }}" />
{
"placeholder": "Placeholder text"
}
.k-textbox, .k-input {
@extend .c-input;
}
.c-input {
border: $border-width-base solid $color-neutral-base;
width: 100%;
display: block;
border-radius: $border-radius-small;
padding: $spacing-tiny $spacing-small;
&:focus {
box-shadow: 0px 0px 12px #3E49C3;
}
}
An input component that allows the user to input data. Can be any HTML5 type: