# String Property

## Simple Text Input

A basic text input.

```typescript
simpleTextProperty: string = "This is the default text";
```

![Simple Text Property](https://a.sfdcstatic.com/developer-website/sfdocs/personalization/media/interface-template-configuration/SimpleText.png)

***

## Enumerated Values

A static list of options can be provided using the TypeScript *String Literal* type system. Doing so provides a dropdown menu with the options.

```typescript
simpleOption: "First Option" | "Second Option" | "Third Option";
```

Alternatively, a static list of options can be provided using an `@options` decorator.

```typescript
@options(["First Option", "Second Option", "Third Option"])
simpleOption: string;
```

![Simple Option](https://a.sfdcstatic.com/developer-website/sfdocs/personalization/media/interface-template-configuration/SimpleOption.png)

See [Select Property](/docs/marketing/personalization/guide/select.md) for more complex dropdown examples.

## Multi-Valued Properties

Simple fields can be made multi-valued capable by simply declaring their field types to be arrays.

```typescript
@options(["First Option", "Second Option", "Third Option", "Fourth Option"])
simpleOption: string[];
```

![Multi-valued Property](https://a.sfdcstatic.com/developer-website/sfdocs/personalization/media/interface-template-configuration/multivalued-simple-property.png)

## Literal Types

For strong typing in your code, you can also use string literal types, including in array based multi-valued properties.

These values provide the available options to a dropdown just as the `@options` decorator.

```typescript
unionType: ("Alpha" | "Beta" | "Gamma" | "Delta" )[];
```

![Literal Type Property](https://a.sfdcstatic.com/developer-website/sfdocs/personalization/media/interface-template-configuration/union-types.png)

***

## Rich Text Input

Provides a rich text editor that outputs its value as a string of HTML.

```typescript
@richText(true)
richTextProperty : string = "Example <span style='font-weight:bold;'>Rich Text</span> Content";
```

![Rich Text](https://a.sfdcstatic.com/developer-website/sfdocs/personalization/media/interface-template-configuration/RichText.png)

***

## See Also

- [Select Property](/docs/marketing/personalization/guide/select.md)
- [Static Values](/docs/marketing/personalization/guide/static-values.md)
- [Arrays](/docs/marketing/personalization/guide/arrays.md)