> ## Documentation Index
> Fetch the complete documentation index at: https://docs.alumio.com/llms.txt
> Use this file to discover all available pages before exploring further.

# String: Slugify

> Removes all non-alphanumeric characters and replaces them with hyphens (-).

export const FormField = ({property, label, required = false, diType, uiPatterns, children}) => {
  const patterns = Array.isArray(uiPatterns) ? uiPatterns : uiPatterns ? [uiPatterns] : [];
  return <div style={{
    margin: '1.5rem 0'
  }}>
      <div style={{
    display: 'flex',
    alignItems: 'baseline',
    flexWrap: 'wrap',
    gap: '0.5rem',
    marginBottom: '0.25rem'
  }}>
        <strong>{label}</strong>
        <span style={{
    fontSize: '0.7rem',
    fontWeight: 600,
    textTransform: 'uppercase',
    letterSpacing: '0.04em',
    color: required ? '#6241f5' : '#6b7280'
  }}>
          {required ? 'Required' : 'Optional'}
        </span>
      </div>

      <div>{children}</div>

      {diType || patterns.length > 0 ? <p style={{
    fontSize: '0.85rem',
    color: '#6b7280',
    marginBottom: 0
  }}>
          {diType ? <>
              See the <a href={`/references/${diType}`}>{diType}</a> reference.{' '}
            </> : null}
          {patterns.length > 0 ? <>
              Accepts a <a href={`/documentation/placeholders-and-patterns/patterns#${patterns[0]}`}>pattern</a>.
            </> : null}
        </p> : null}
    </div>;
};

Turns a text value into a clean, URL-friendly slug. It lowercases the text, simplifies accented letters to their plain equivalents (so "é" becomes "e" and "ü" becomes "u"), and replaces every run of spaces, punctuation, or other symbols with a single hyphen. Use this to build handles, URL keys, or file-safe names from a product title or category name. Any leading or trailing hyphens are trimmed off, so the result never starts or ends with a hyphen.

This documentation describes: [Schema](/schemas/mapper/string-slugify)

## Fields

This mapper has no settings. It always turns the whole value into a slug.

## Sample data

| Field  | Value                        |
| ------ | ---------------------------- |
| (none) | converts the value to a slug |

Input:

```json theme={null}
{ "title": "Café Crème & Co." }
```

Output:

```json theme={null}
{ "title": "cafe-creme-co" }
```

```json Configuration theme={null}
{
  "prototype": "string-slugify",
  "parameters": {}
}
```