# PromptBox Appearance

The PromptBox provides predefined appearance options such as different sizes, border radiuses, fill modes and theme colors for its built-in button controls.

> Since [version 22.1.0](https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui#v22.1.0), default values of the appearance properties are no longer hardcoded in the component. The default values are inherited from the Kendo theme.
>
> For more information, refer to the [Design System documentation](https://www.telerik.com/design-system).

The following example demonstrates all available appearance options of the PromptBox in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/conversational-ui/promptbox/appearance/source.txt)

## Size

The PromptBox enables you to configure the `padding` of its buttons. To achieve this, utilize the `size` property for each button. It accepts values of type [`ButtonSize`](https://www.telerik.com/kendo-angular-ui/components/buttons/api/buttonsize).

The following example demonstrates how to define the size of the PromptBox buttons.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/conversational-ui/promptbox/appearance/size/source.txt)

## Roundness

The PromptBox enables you to apply different `border radius` to its buttons through the `rounded` property. It accepts values of type [`ButtonRounded`](https://www.telerik.com/kendo-angular-ui/components/buttons/api/buttonrounded).

The following example demonstrates how to define the border radius of the PromptBox buttons.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/conversational-ui/promptbox/appearance/rounded/source.txt)

## Fill Mode

The PromptBox enables you to set different fill modes for its buttons by using the `fillMode` property. It accepts values of type [`ButtonFillMode`](https://www.telerik.com/kendo-angular-ui/components/buttons/api/buttonfillmode).

The following example demonstrates how to define the fill mode of the PromptBox buttons.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/conversational-ui/promptbox/appearance/fillmode/source.txt)

## Theme Colors

The PromptBox enables you to set different theme colors for its buttons by using the `themeColor` property. It accepts values of type [`ButtonThemeColor`](https://www.telerik.com/kendo-angular-ui/components/buttons/api/buttonthemecolor).

The following example demonstrates how to define the theme color of the PromptBox buttons.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/conversational-ui/promptbox/appearance/themecolor/source.txt)

## Suggested Links

* [API Reference of the PromptBox](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/api/promptboxcomponent)
* [PromptBox Adornments](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/promptbox/adornments)
* [PromptBox Modes](https://www.telerik.com/kendo-angular-ui/components/conversational-ui/promptbox/modes)
* [Creating Custom Styles with ThemeBuilder](https://www.telerik.com/kendo-angular-ui/components/styling/theme-builder)