Box `<x-box>`

Properties

Property	Attribute	Type	Default	Description
`File name`	`file-name`	`string`	`''`	Naam van een bestand
`File size`	`file-size`	`string`	`''`	Grootte van een bestand
`File class`	`file-class`	`string`	`''`	Naam van een class die toegevoegd wordt aan het bestand
`border Y`	`border-y`	`boolean`	`false`	Boolean die aangeeft of er een border om de box zit
`Body`	`body`	`string`	`''`	De body van het component

Voorbeeldcode:

<x-box
    file-name="Bestandsnaam"
    file-size="15"
    file-class="js-file-box"
    body="Dit is een voorbeeld"
/>

Dit is een voorbeeld

Bestandsnaam (15 MB)

<div {{ $attributes->class(['box--border-y' => $borderY])->merge(['class' => 'box']) }}>
    {!! $slot !!}

    @if($body)
        <div class="box__body">
            {!! $body !!}
        </div>
    @endif

    @if($fileName)
        <div class="box__file {{ $fileClass }}">
            <span class="box__file__icon">
                @icon('paperclip')
            </span>

            <span class="box__file__name">
                {{ $fileName }}
            </span>

            @if($fileSize)
                <span class="box__file__size">
                    ({{ $fileSize }} MB)
                </span>
            @endif
        </div>
    @endif
</div>

Box <x-box>

Properties

Voorbeeldcode:

Box `<x-box>`