Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lukebennett88/luke-ui. ui.lukebennett.dev
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940import { Button } from '@luke-ui/react/button';import { Cluster } from '@luke-ui/react/cluster';import { Stack } from '@luke-ui/react/stack';import { TextInputField } from '@luke-ui/react/text-input-field';import type { SubmitEvent } from 'react';
const reservedUsernames = new Set(['admin', 'root', 'support']);
function validateUsername(value: string): string | null { if (reservedUsernames.has(value.trim().toLowerCase())) { return 'That username is reserved. Choose another.'; }
return null;}
export default () => { function handleSubmit(event: SubmitEvent<HTMLFormElement>) { event.preventDefault(); }
return ( <form onSubmit={handleSubmit}> <Stack gap="sp16" maxInlineSize="20rem"> <Stack minBlockSize="5.5rem"> <TextInputField defaultValue="admin" label="Username" name="username" validate={validateUsername} /> </Stack> <Cluster> <Button type="submit">Create account</Button> </Cluster> </Stack> </form> );};