jb-input
Version:
input web component with built in validation
14 lines • 648 B
CSS
:host{
--border-color:var(--jb-input-border-color, var(--jb-neutral-10));
--message-color:var(--jb-input-message-color, var(--jb-text-secondary));
--label-color: var(--jb-input-label-color, var(--jb-text-primary));
--value-color: var(--jb-input-value-color, var(--jb-text-primary));
--placeholder-color: var(--jb-input-placeholder-color, var(--jb-neutral-6));
--input-box-bg-color:var(--jb-input-bgcolor, var(--jb-neutral-10));
}
:host(:state(invalid)){
--message-color:var(--jb-input-message-error-color, var(--jb-red));
}
:host(:focus-within){
--border-color:var(--jb-input-border-color-focus, var(--jb-neutral));
}