# Label wrapper

### Example wrapping a Headless Trix field with a label

![](https://3246461946-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MQWt7hBSh108moAc0Al%2F-MhyOGJQ0mr9NpctvGrL%2F-MhyOrd3d71vvyBfDIgX%2FLabelComponent.png?alt=media\&token=14c5833c-e8f1-4102-80d5-3da8da2e4f0c)

Livewire component

```php
public null|string $editorValue = "Trix default value";


public function render()
{
    return view('livewire.foo', [
        'editor' => Trix::blade(
            label: 'Trix label', 
            key: 'editorValue' )
    ]);
}
```

Livewire blade file

```markup
<x-tall-label-field-wrapper :field="$editor" :inline="true">
    <x-tall-trix :field="$editor" :value="$editorValue" />
</x-tall-label-field-wrapper>
```

### x-tall-label-field-wrapper, component attributes

```php
object $field,
bool $inline = true, //false = stacked layout

//override or modify default classes in tall-theme.css
string $labelW = 'tf-label-width',
string $fieldW = 'tf-field-width',
string $inlineLabelAlignment = 'tf-inline-label-alignment',
string $stackedLabelAlignment = 'tf-stacked-label-alignment',
```