Breadcrumb Link

1. title : props / slot - nullable if have slot
2. href : props - require
3. slot - nullable if have title

Breadcrumb Item

1. title : props / slot - nullable if have slot
2. slot - nullable if have title

Breadcrumb Link Loooooooooooooooooooong Breadcrumb Link
1. Breadcrumb Item

The default breadcrumb link and breadcrumb item is not truncate . You should add truncate class to make it truncate.

1. text : props / slot - nullable if have slot
2. type : props (default = info) - nullable
3. slot - nullable if have text

1. text : props / slot - nullable if have slot
2. type : props (default = info) - nullable
3. badge : slot - nullable
4. slot - nullable if have text

Banner

Banner with Badge

Sidebar Banner

Sidebar Banner with Badge

Table also have many smaller component like row, cell, heading, cell data not found, sort button, action button and action link.

You can use dropdown as an action option. However, personally I prefer using a action button and action link.

1. head : slot - required
2. body : slot - required

Flat Table

Stripe Table