Breadcrumb

A component that allows users to navigate through a hierarchy of links.

Properties

Color, AppearanceOverride

Use the Color and AppearanceOverride properties to style the component.

Available colors are amber, blue, cyan, emerald, fuchsia, green, indigo, lime, neutral, orange, pink, purple, red, rose, sky, slate, stone, teal, violet, yellow, zinc.

The theme data for the component can be found in the Theming section and can be overwritten through AppearanceOverride.

Pass Color as a string and AppearanceOverride as an optionalColorTable. More information on overrides can be found here.

Tailwind Color

default

Code block has not loaded. An error may have occurred.

Labels

The labels to display in the breadcrumb.

Type

Code block has not loaded. An error may have occurred.

Divider

The divider between labels. This can be either a string (Lucide icon or Roblox asset id) with forced size 16x16 or a custom instance.

Type

Code block has not loaded. An error may have occurred.

Instance Properties

This instance takes all the properties of a Frame. SpecialKeys, such as fusion.Children will also be passed to the instance.

Theming

States

State	Description
Base
Hover
Selected

Colors

Color	Description
Text

Types

Certain types are reused across different components. To make these types easily accessible, they are available below:

label

Code block has not loaded. An error may have occurred.