# Preview
## Preview
You can use the **@Preview** annotation to preview compose functions inside Android Studio.
Preview can not be used on Composables that have parameters without a default parameter.

```kotlin
@Preview
@Composable
fun TextDemo(){
    Text("Hello")
}

@Preview(name = "MyPreviewName")
@Composable
fun TextDemo2(){
    Text("Hello")
}

```
Android Studio Preview
<p align="center">
  <img src ="../../../images/general/preview/ComposePreview.png"  height=100 width=300 />
</p>


## Group Previews

```kotlin
 @Preview(group = "TestGroup1")
```
The Preview annotation has a group parameter. You can use it to set a group name to your previews.
<p align="center">
  <img src ="../../../images/general/preview/grouppreviews.png"   />
</p>

The layout preview will now have an option to filter all the previews by the group name.

## Interactive Previews
<p align="center">
  <img src ="../../../images/general/preview/interactivepreview.png"   />
</p>

Above a generated preview in Android Studio you will find an "Interactive" Button. It will open your Composable in an interactive preview mode where can try your Composable directly inside
Android Studio.


## See also:
* [Official Docs](https://developer.android.com/jetpack/compose/tooling#preview-features)