Anchors

[GlenWarren]

Is there an existing way to add an anchor to a layout/element?
And then link to that anchor?

Thanks

[tabuna]

Hi @GlenWarren, You can use your component/view to define the anchor. For example:

Layout::views('anchor', ['slug' => 'address']);

and template:

<a name="{{ $slug }}"></a>

or the same with a component:

namespace App\View\Components;

use Illuminate\View\Component;

class Anchor extends Component
{
    /**
     * @var string
     */
    public $slug;

    /**
     * Create a new component instance.
     *
     * @param string $slug
     */
    public function __construct(string $slug)
    {
        $this->slug = $slug;
    }

    /**
     * Get the view / contents that represent the component.
     *
     * @return \Illuminate\View\View|string
     */
    public function render()
    {
        return <<<'blade'
<a name="{{ $slug }}"></a>
blade;
    }
}

And call it on the screen:

Layout::component(Anchor::class),

You can put links by specifying the address, for example:

Menu::make('Anchor')->url('https://orchid.software#anchor');
// or
Link::make('Anchor')->url('https://orchid.software#anchor');