Docs Layout & Breadcrumbs

Laratic gives you a complete documentation layout out of the box—sidebar, the one you are seeing right now, so you don’t have to build any of it yourself.

Ready-Made Docs Layout

All docs pages use the shared <x-layouts.docs /> component, found in resources/views/components/layouts/docs.blade.php. This layout automatically:

Here’s an example of using it in a docs page:

@push('head')
    <title>My Topic - Laratic</title>
    <meta name="description" content="Short description of this topic.">
@endpush

<x-layouts.docs :breadcrumbs="[['label' => 'Basics', 'url' => '#'], ['label' => 'My Topic', 'url' => '#']]">
    <h1>My Topic</h1>
    <p>Your documentation content goes here...</p>
</x-layouts.docs>

Breadcrumbs

The :breadcrumbs prop you pass into <x-layouts.docs /> is sent to the top navbar. Each breadcrumb is a simple array with a label and url, helping readers understand where they are.

[['label' => 'Basics', 'url' => '#'], ['label' => 'Installation', 'url' => '#']]