A premium, custom Cyberpunk-themed NUI parameter input system for the QBCore Framework, featuring high-contrast obsidian slate form controls, custom inline field validation warnings, detuned audio feedback, and string parameter sanitization.
- Cyberpunk Obsidian Slate Layout: Sleek polygonal angle-cut form container (
clip-path) with glowing cyan/purple accent brackets that highlight active fields. - Holographic Scanline Overlay: Localized animated CRT scanline grids scroll inside the form background to provide a tactical science-fiction terminal feel.
- Web Audio Sound Synthesis: Programmatically synthesizes sound waves (sine clicks on focus/clicks, dual sine chimes on submit, detuned sawtooth buzzes on error validation). Completely self-contained with no local resource audio file dependencies.
- Custom Cyberpunk Validation Alerts: Suppresses standard generic browser required bubbles. Empty required fields highlight in deep warning red (
.error-state) and display a neon warning notice[ERR_REQUIRED: FIELD_NAME]. - XSS Sanitization: Sanitizes string variables (
escapeHTML) before processing inputs in client/server callbacks to prevent script injection.
- Escape: Cancel and close the input prompt.
- Enter: Submit input form values.
- Click Outside Wrapper: Cancel and close the prompt.
| Name | Input Type | Description | Variable Type | Optional | Default Value |
|---|---|---|---|---|---|
| text | All | Text displayed as placeholder/title | string |
❌ | ... |
| name | All | Variable name in the result (also name of input) | string |
❌ | ... |
| type | All | Input type (text, password, number, radio, checkbox, select, color) |
string |
✅ | "text" |
| isRequired | All | Whether the input is required to be filled or not | boolean |
✅ | false |
| default | All | Default input value | string |
✅ | nil |
| options | Radio, Checkbox & Select | Different values that can be selected by the user | {value: string, text: string}[] |
❌ | ... |