> ## 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.

# Parse from URL encoded

> Decodes a URL encoded string into plain text.

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>;
};

Decodes a URL encoded string into plain text. In a web address certain characters are not allowed and get escaped into codes such as `%20` for a space or `%26` for an ampersand. Use this when a value arrives with those escape codes in it and you want the readable text back. It is the opposite of the Format to URL encoded mapper.

Unlike the other parsers, this one returns plain text rather than a structured object, since a URL encoded value is just an escaped piece of text.

This documentation describes: [Schema](/schemas/mapper/deserialize-url-encode)

## Fields

This mapper has no settings to configure. Point it at the encoded text you want to decode and it does the rest.

## Sample data

| Field         | Value |
| ------------- | ----- |
| (no settings) |       |

Input:

```json theme={null}
{
    "payload": "Wool%20scarf%20%26%20belt"
}
```

Output:

```json theme={null}
{
    "payload": "Wool scarf & belt"
}
```

```json Configuration theme={null}
{
  "prototype": "deserialize-url-encode",
  "parameters": {}
}
```