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

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

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

* [Size](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/promptbox/appearance#size)
* [Roundness](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/promptbox/appearance#roundness)
* [Fill Mode](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/promptbox/appearance#fill-mode)
* [Theme Colors](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/promptbox/appearance#theme-colors)

## Size

The PromptBox allows you to configure the `padding` of its buttons. To achieve this utilize the [`size`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/buttonprops#size) property for each button.

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

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

## Roundness

The PromptBox enables you to apply different `border radius` to its buttons through the [`rounded`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/buttonprops#rounded) property.

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

[Demo Source](https://demos.telerik.com/kendo-vue-ui/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`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/buttonprops#fillMode) property.

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

[Demo Source](https://demos.telerik.com/kendo-vue-ui/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`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/buttonprops#themeColor) property.

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

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

## Suggested Links

* [API Reference of the PromptBox](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/api/promptboxprops)
* [PromptBox Adornments](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/promptbox/adornments)
* [PromptBox Modes](https://www.telerik.com/kendo-vue-ui-develop/components/conversationalui/promptbox/modes)
* [Creating Custom Styles](https://www.telerik.com/kendo-vue-ui-develop/components/styling/theme-builder)