new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

GitHub Primer · all subjects

breadcrumbs

4 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Breadcrumbs component purpose and use cases

Breadcrumbs display the current page or context within the site, allowing users to navigate different levels of the hierarchy. They are most appropriate on pages that are many levels deep on a site, do not have section-level navigation, or may need the ability to quickly go back to the previous parent page. All items in breadcrumbs must contain links, with the last item as the user's current context.

Breadcrumbs anatomy and structure

Breadcrumbs are made of links indicating parents, dividers, and the current page. The component can be modified to change the number of items within the chain. The space between items is set to 0px as the divider has padding built into it.

Breadcrumbs maximum length

By default the breadcrumbs component can show up to 10 items within the chain.

React Breadcrumbs component example

Example React implementation: ```xml <Breadcrumbs> <Breadcrumbs.Item href="…"> … </Breadcrumbs.Item> <Breadcrumbs.Item href="…"> … </Breadcrumbs.Item> … <Breadcrumbs.Item href="…" selected> … </Breadcrumbs.Item> </Breadcrumbs> ``` This example shows that each item is a Breadcrumbs.Item with an href prop, and the final item has the selected prop to mark it as the current page.

Give your agent this brain