fieldNameToLabel

This function generates a user-friendly label for the form field based on its fieldName prop, eliminating the need for the developer to explicitly provide the label prop, unless required.

function fieldNameToLabel(fieldName: string): string;

Usage#

import { fieldNameToLabel } from '@nish1896/mui-components/form-helpers';

This function can be extremely useful for generating human-readable validation messages for your fields, saving you the effort of manually crafting a custom sentence for each field validation. It:

1. Converts camelCase and snake_case into words.
2. Capitalizes the first letter of each word.
3. Handles abbreviations when generating the field label.

Parameters#

1. fieldName: The input string for generating a meaningful label.

Example#

const label1 = fieldNameToLabel('firstName')     // Output: 'First Name'
const label2 = fieldNameToLabel('email_address') // Output: 'Email Address'
const label3 = fieldNameToLabel('IMDBRating')    // Output: 'IMDB Rating'
const label4 = fieldNameToLabel('user.2.email')  // Output: 'User Email'