# LayoutElementBuilders.LayoutElement

# LayoutElementBuilders.LayoutElement

Artifact:[androidx.wear.protolayout:protolayout](https://developer.android.com/jetpack/androidx/releases/wear-protolayout)  
[View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/LayoutElementBuilders.java+class:androidx.wear.protolayout.LayoutElementBuilders.LayoutElement)  
Added in[1.0.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.0.0)

*** ** * ** ***

Kotlin\|[Java](https://developer.android.com/reference/androidx/wear/protolayout/LayoutElementBuilders.LayoutElement "View this page in Java")

<br />

```
@RequiresSchemaVersion(major = 1, minor = 0)
interface LayoutElementBuilders.LayoutElement
```

<br />

Known direct subclasses  
[Button](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/Button),[Chip](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/Chip),[CircularProgressIndicator](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/CircularProgressIndicator),[CompactChip](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/CompactChip),[EdgeContentLayout](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/layouts/EdgeContentLayout),[LayoutElementBuilders.Arc](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Arc),[LayoutElementBuilders.Box](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Box),[LayoutElementBuilders.Column](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Column),[LayoutElementBuilders.ExtensionLayoutElement](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.ExtensionLayoutElement),[LayoutElementBuilders.Image](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Image),[LayoutElementBuilders.Row](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Row),[LayoutElementBuilders.Spacer](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Spacer),[LayoutElementBuilders.Spannable](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Spannable),[LayoutElementBuilders.Text](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Text),[MultiButtonLayout](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/layouts/MultiButtonLayout),[MultiSlotLayout](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/layouts/MultiSlotLayout),[PrimaryLayout](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/layouts/PrimaryLayout),[Text](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/Text),[TitleChip](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/TitleChip)  

|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| [Button](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/Button)                                                                    | ProtoLayout component[Button](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/Button)that represents clickable button with the given content.                                                                                                              |
| [Chip](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/Chip)                                                                        | ProtoLayout component[Chip](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/Chip)that represents clickable object with the text, optional label and optional icon or with custom content.                                                                  |
| [CircularProgressIndicator](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/CircularProgressIndicator)                              | ProtoLayout component[CircularProgressIndicator](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/CircularProgressIndicator)that represents circular progress indicator which supports a gap in the circular track between startAngle and endAngle.         |
| [CompactChip](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/CompactChip)                                                          | ProtoLayout component[CompactChip](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/CompactChip)that represents clickable object with the text.                                                                                                             |
| [EdgeContentLayout](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/layouts/EdgeContentLayout)                                      | ProtoLayout layout that represents the suggested layout style for Material ProtoLayout, which has content around the edge of the screen (e.g. a ProgressIndicator) and the given content inside of it with the recommended margin and padding applied.                                       |
| [LayoutElementBuilders.Arc](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Arc)                                       | An arc container.                                                                                                                                                                                                                                                                            |
| [LayoutElementBuilders.Box](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Box)                                       | A container which stacks all of its children on top of one another.                                                                                                                                                                                                                          |
| [LayoutElementBuilders.Column](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Column)                                 | A column of elements.                                                                                                                                                                                                                                                                        |
| [LayoutElementBuilders.ExtensionLayoutElement](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.ExtensionLayoutElement) | A layout element which can be defined by a renderer extension.                                                                                                                                                                                                                               |
| [LayoutElementBuilders.Image](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Image)                                   | An image.                                                                                                                                                                                                                                                                                    |
| [LayoutElementBuilders.Row](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Row)                                       | A row of elements.                                                                                                                                                                                                                                                                           |
| [LayoutElementBuilders.Spacer](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Spacer)                                 | A simple spacer, typically used to provide padding between adjacent elements.                                                                                                                                                                                                                |
| [LayoutElementBuilders.Spannable](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Spannable)                           | A container of[Span](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Span)elements.                                                                                                                                                           |
| [LayoutElementBuilders.Text](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/LayoutElementBuilders.Text)                                     | A text string.                                                                                                                                                                                                                                                                               |
| [MultiButtonLayout](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/layouts/MultiButtonLayout)                                      | Opinionated ProtoLayout layout, that can contain between 1 and[MAX_BUTTONS](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/layouts/LayoutDefaults.MultiButtonLayoutDefaults#MAX_BUTTONS())number of buttons arranged inline with the Material guidelines. |
| [MultiSlotLayout](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/layouts/MultiSlotLayout)                                          | Opinionated ProtoLayout layout, row like style with horizontally aligned and spaced slots (for icons or other small content).                                                                                                                                                                |
| [PrimaryLayout](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/layouts/PrimaryLayout)                                              | ProtoLayout layout that represents a suggested layout style for Material ProtoLayout with the primary (compact) chip at the bottom with the given content in the center and the recommended margin and padding applied.                                                                      |
| [Text](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/Text)                                                                        | ProtoLayout component[Text](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/Text)that represents text object holding any information.                                                                                                                      |
| [TitleChip](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/TitleChip)                                                              | ProtoLayout component[TitleChip](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material/TitleChip)that represents clickable object with the text.                                                                                                                 |

*** ** * ** ***

Interface defining the root of all layout elements. This exists to act as a holder for all of the actual layout elements above.