# Feature

While the [Hero](https://softr.gitbook.io/softr-documentation/building-blocks/hero) area is for giving some general idea about your product and emphasizing its value proposition, the **Feature** block is supposed to go a bit more into details, providing concise information on the key features of the product and what they allow the users to achieve. The block has several layouts, which we'll discuss separately in this article's subsections, but let's first check out how the block configuration is organized in general, and what are the key settings.

The block has 4 key components:

* **Title**
* **Subtitle**
* **Image**
* **Features List**

![Feature block structure](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPELs2xDsgVk3KalML0%2F-MPEOtHMpyPrOMZucMp_%2F1_b.png?alt=media\&token=78989ed7-a572-4a95-9760-ebc04165c39c)

Let's check how each component is configured.

## Title and Subtitle

These are two text areas where you can enter the text.

![Title and Subtitle](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPELs2xDsgVk3KalML0%2F-MPEPOYRVWninF5z1o-O%2F2_b.png?alt=media\&token=c52dacf3-7684-410d-8bc8-1fcc24d41ff4)

## Image and Background Image

![Image and Background Image](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPELs2xDsgVk3KalML0%2F-MPEPrYt1_VvqdKp5v5-%2F3_b.png?alt=media\&token=e21d5d31-1f36-4e5c-a242-a7158c0d8fa5)

Here you can add an image (either upload or select from gallery) by clicking on the image icon as well as enter an "alt" text for the image (specifies an alternate text for an image if the image cannot be displayed).

Next, you have the option to change the **Image Position**. It can be set to either **Left** or **Right**.

Lastly, there is a field to upload a **Background Image** for the whole **Feature** area.

The animation below shows the process of configuring this section.

![Adding an Image and Background Image to the Feature block](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPEQVcoiAFNdiEoNI2R%2F-MPEkmOKIY9X0sy0D7ik%2F4.gif?alt=media\&token=70ef009a-2f27-4151-a71a-28ff63d7ce7a)

## Features

In this section you add the features along with their **Title**, **Description**, and **Icon**.

The features are added within separate tabs as shown below. There's also a plus button for adding a new feature tab as well as a delete option to delete the current feature.

![Add and Delete options](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPEQVcoiAFNdiEoNI2R%2F-MPElTYFQWhAwAzP3A5C%2F5_b.png?alt=media\&token=5edaed8b-537a-4921-b2b3-c19c14e26f6c)

You can also reorganize the tabs. When hovering over the active tab's number, left or right (depending on the tab position) arrow buttons appear to move the tab left or right. See below.

![Adding and deleting a feature](https://3426011356-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0NiyhsmXAcV5u1c6XK%2F-MPEQVcoiAFNdiEoNI2R%2F-MPEmKiOB5s8mBN41qBj%2F6.gif?alt=media\&token=4d168234-d1bd-4b6b-b635-bfa1a96d80ac)

That's it. Now let's move on and see what layouts are available for the **Feature** block.
