Components

Collapse

Basics

Collapse allows you to collapse the content of a block, which can contain various components. When collapsed, the state of the components remains unchanged.

make(
Closure|string $label = '',
iterable $components = [],
bool $open = false,
bool $persist = true,
)
  • $label - the title of Collapse,
  • $components - a set of components inside the Collapse,
  • $open - a flag that defines whether the Collapse is collapsed or expanded by default,
  • $persist - state preservation inside the Collapse.
use MoonShine\UI\Components\Collapse;
 
Collapse::make('Title/Slug', [
Text::make('Title'),
Text::make('Slug')
])
<x-moonshine::collapse
:label="'Title/Slug'"
:components='$components'
/>

Icon

The icon() method allows you to add an icon.

icon(string $icon, bool $custom = false, ?string $path = null)

For more detailed information, refer to the icons section.

Display

By default, the Collapse decorator is displayed in a collapsed view. The open() method allows you to override this behavior.

open(Closure|bool|null $condition = null)

State Persistence

By default, Collapse remembers its state, but there are cases where this should not happen. The persist() method allows you to override this behavior.

persist(Closure|bool|null $condition = null)