---
title: "Theme specific components on a view"
description: "theme attribute"
permalink: /docs/build/app-styling-and-customizations/component-styling-and-configuration/theming-specific-components-on-a-view/
---
# Theme specific components on a view

### `theme` attribute

A set of theming configurations can be applied to a specific component using the `theme` attribute. Prerequisite: the applied theme should define `colors` configuration and/or configuration for the type of component. For an example of this, please refer to the Increasing the size of buttons example.

### Attribute level config

All component-specific configurations can also be configured per component on an attribute level. For example:

```xml
<button label="Hello World" font-size="24" icon-size="26" content-padding="28" color="crison" on-press="helloWorld()" validate="false" />
```