Tooltip on Breadcrumb Items

[godismyjudge95]

Currently we can do this by wrapping the breadcrumb item in a tooltip, but it would be nice to do it inline as an attribute.

---

Example use case:

We have an app that has a nested structure of models like this:

Clients > Properties > Tickets > Tasks > Comments > Timesheets

When viewing/editing any one of those the breadcrumbs might look like:

Home > Laravel > Nightwatch > Add 2FA > Plan rollout of 2FA

Which can be difficult to know what is what. We could prefix each of those, add icons, or color code them. But it would be really nice to be able to add a tooltip to each one. So you could hover "Nightwatch" and know it is a Property, hover "Add 2FA" and know it is a Ticket, etc.

---

Edit: Adding examples
What I would like to do:

<flux:breadcrumbs>
  <flux:breadcrumbs.item wire:navigate :href="route('dashboard')" icon="home" tooltip="Home" />
</flux:breadcrumbs>

What I have to do instead currently:

<flux:breadcrumbs>
  <flux:tooltip content="Home">
    <flux:breadcrumbs.item wire:navigate :href="route('dashboard')" icon="home" />
  </flux:tooltip>
</flux:breadcrumbs>

But as you can see that will add a good bit of boilerplate for each breadcrumb item. In the breadcrumb example above it would start to get pretty long:

<flux:breadcrumbs>
  <flux:tooltip content="Home">
    <flux:breadcrumbs.item wire:navigate :href="route('dashboard')" icon="home" />
  </flux:tooltip>
  <flux:tooltip content="Client">
    <flux:breadcrumbs.item wire:navigate :href="route('clients.show', $client)">{{ $task->client->name }}</flux:breadcrumbs.item>
  </flux:tooltip>
  <flux:tooltip content="Property">
    <flux:breadcrumbs.item wire:navigate :href="route('properties.show', $task->property)">{{ $task->property->title }}</flux:breadcrumbs.item>
  </flux:tooltip>
  <flux:tooltip content="Ticket">
    <flux:breadcrumbs.item wire:navigate :href="route('tickets.show', $task->ticket)">{{ $task->ticket->title }}</flux:breadcrumbs.item>
  </flux:tooltip>
  <flux:tooltip content="Task">
    <flux:breadcrumbs.item>{{ $task->title }}</flux:breadcrumbs.item>
  </flux:tooltip>
</flux:breadcrumbs>

[joshhanley]

Currently we can do this by wrapping the breadcrumb item in a tooltip, but it would be nice to do it inline as an attribute.

@godismyjudge95 I don't follow what you mean here. So it does work? Can you share some code examples of what does work and a code sample of what this feature request if for then?

[godismyjudge95]

Oh yeah, completely flubbed that one 😅

Basically I was hoping there would be a shorthand attribute on the breadcrumb.item component similar to button. Wrapping it in the tooltip works fine though.

I'll post examples soon

[godismyjudge95]

Added examples

[joshhanley]

@godismyjudge95 ah makes sense, thanks!