Moduletrace/tailwind-ui-library
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
tben
2026-10-01 08:02:47 +01:00
parent 6392457ffb
commit 3dc9f12ad4
104 changed files with 6536 additions and 1037 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/elements/Breadcrumbs.tsx
+10 -10
View File
@@ -1,4 +1,4 @@
import React, { ComponentProps, ReactNode } from "react";
import React, { type ComponentProps, type ReactNode } from "react";
import Link from "../layout/Link";
import Divider from "../layout/Divider";
import Row from "../layout/Row";
@@ -47,7 +47,7 @@ export default function Breadcrumbs({
const [links, setLinks] = React.useState<LinkObject[] | null>(
pageUrl
? twuiBreadcrumbsGenerateLinksFromUrl({ url: pageUrl, skipHome })
: null
: null,
);
React.useEffect(() => {
@@ -76,13 +76,13 @@ export default function Breadcrumbs({
<nav
className={twMerge(
"overflow-x-auto",
"twui-current-breadcrumb-wrapper"
"twui-current-breadcrumb-wrapper",
)}
aria-label="Breadcrumb"
>
<Row
className={twMerge(
"gap-4 flex-nowrap whitespace-nowrap overflow-x-auto overflow-y-hidden w-full"
"gap-4 flex-nowrap whitespace-nowrap overflow-x-auto overflow-y-hidden w-full",
)}
>
{backButton && (
@@ -94,7 +94,7 @@ export default function Breadcrumbs({
className={twMerge(
"p-1 -my-2 -mx-2",
"twui-breadcrumbs-back-button",
backButtonProps?.className
backButtonProps?.className,
)}
onClick={(e) => {
window.history.back();
@@ -108,7 +108,7 @@ export default function Breadcrumbs({
vertical
className={twMerge(
"twui-breadcrumbs-divider",
dividerProps?.className
dividerProps?.className,
)}
/>
)}
@@ -131,7 +131,7 @@ export default function Breadcrumbs({
isTarget ? "current" : "",
"twui-breadcrumb-link",
linkProps?.className,
isTarget && currentLinkProps?.className
isTarget && currentLinkProps?.className,
)}
title={
currentLinkProps?.title || linkObject.title
@@ -152,7 +152,7 @@ export default function Breadcrumbs({
isTarget ? "current" : "",
"twui-breadcrumb-link",
linkProps?.className,
isTarget && currentLinkProps?.className
isTarget && currentLinkProps?.className,
)}
>
{currentLinkProps?.title ||
@@ -164,7 +164,7 @@ export default function Breadcrumbs({
{...dividerProps}
className={twMerge(
"twui-breadcrumbs-divider",
dividerProps?.className
dividerProps?.className,
)}
/>
)}
@@ -214,7 +214,7 @@ export function twuiBreadcrumbsGenerateLinksFromUrl({
for (let i = 0; i < array.length; i++) {
const lnText = array[i];
if (i > index || !lnText.match(/./)) continue;
if (i > index || !lnText?.match(/./)) continue;
path += `/${lnText}`;
}