TextInput

components/inputs/TextInput.vue — Primary text input. Used in login, registration, profile forms, dialogs. Wraps v-text-field with variant="filled".

NumberInput

components/inputs/NumberInput.vue — Numeric-only input with paste prevention. Wraps v-text-field variant="filled". Used in forms requiring numeric input.

TanInput

components/inputs/TanInput.vue — 6-digit numeric code input for two-factor authentication. Monospaced with underline per character.

SearchBar

components/SearchBar.vue — Search field with magnify icon, clearable, ESC key support. Used in dashboard/document filtering.

SkrSelect

components/inputs/SkrSelect.vue — Dropdown select with variant="filled". Used for signing method, seal/signature selection.

SettingsSelect

components/business/settings/SettingsSelect.vue — Solo variant select for business settings. Bold selection text.

SkrAutocomplete

components/SkrAutocomplete.vue — Autocomplete with chip selection (SkrChip). variant="filled". Used for multi-select dropdowns.

EmailChipsInput

components/EmailChipsInput.vue — Combobox with chips for multiple emails. Supports paste, comma/semicolon delimiters. Used in AddMemberDialog.

NumberIncrement

components/NumberIncrement.vue — Number input with +/- buttons, min/max validation. variant="outlined". Used for seat count selection.

InputVat

components/inputs/InputVat.vue — VAT number field with "no reverse charge" checkbox. Used in business registration.

ImageInput

components/inputs/ImageInput.vue — File upload with image preview and optional cropping. Used for seal/logo upload, visual signatures.

ReadOnlyTextField

components/ReadOnlyTextField.vue — Read-only display with clipboard copy. Used for IDs, tokens, API keys.

SkrRadioGroup

components/SkrRadioGroup.vue — Radio group with custom icons. Bold grey labels. Used in language settings.

ToggleSwitch

components/ToggleSwitch.vue — Custom pill-shaped button toggle. Used for signature/seal choice, yearly/monthly billing toggle.

SkrSwitch

components/inputs/SkrSwitch.vue — Compact inset switch. Used for feature toggles, yearly/monthly toggle in PlanSelection.

DatePickerInMenu

components/DatePickerInMenu.vue — Solo text field that opens a date picker. Range selection with confirm/cancel. Used in activity filters.

v-textarea (raw)

Used directly in: DialogDelegate, DialogWithdraw, DialogDeclineSR, DialogRelationshipCsat, DialogTransactionalCsat, OptionsStep, API page.

v-text-field variants (raw)

Direct v-text-field usage with different variants found across the project.

v-select variants (raw)

Direct v-select usage with different variants found across the project.