Label wrapper

Displays a label for any field

Example wrapping a Headless Trix field with a label

Livewire component

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

<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

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',