/components/input/license-key-input
import { input } from "@hedia/hexui/components/input";
export default {
Default,
WithError,
Disabled,
};
export function Default() {
return input({
label: "License Key",
maxlength: 14,
minlength: 14,
name: "license-key-pattern",
pattern: "[A-Z0-9]{4}-[A-Z0-9]{4}-[A-Z0-9]{4}",
placeholder: "XXXX-XXXX-XXXX",
required: true,
textTransform: "uppercase",
variant: "license-key",
});
}
export function WithError() {
return input({
error: true,
errorText: "Invalid license key. Please check and try again.",
label: "License Key",
name: "license-key-error",
placeholder: "XXXX-XXXX-XXXX",
textTransform: "uppercase",
value: "ABCD-1234",
variant: "license-key",
});
}
export function Disabled() {
return input({
disabled: true,
label: "License Key",
name: "license-key-disabled",
placeholder: "XXXX-XXXX-XXXX",
textTransform: "uppercase",
variant: "license-key",
});
}