---
path: components/inlineaiprompt/styles
title: Styles
position: 3
seo_title: Configuring the Appearance of the AIPrompt Component
seo_description: Gain full control over the appearance of the Telerik and Kendo
  UI AIPrompt component by utilizing the Sass variables that configure its
  styling.
---

## Sass Variables

The Telerik and Kendo UI InlineAIPrompt is a composite UI component that consists of TextArea, Button, Card, and Popup components, and does not have dedicated Sass variables. To configure and customize the appearance of the Telerik and Kendo UI InlineAIPrompt, modify the Sass variables of the [TextArea](#textarea-variables), [Button](#button-variables), [Card](#card-variables) and [Popup](#popup-variables) components.

### TextArea Variables
<VariablesList data='{"theme": "default", "group":"input"}'></VariablesList>

### Button Variables
<VariablesList data='{"theme": "default", "group":"button"}'></VariablesList>

### Card Variables
<VariablesList data='{"theme": "default", "group":"card"}'></VariablesList>

### Popup Variables
<VariablesList data='{"theme": "default", "group":"popup"}'></VariablesList>