SecondaryNavigation

import { SecondaryNavigation } from "@wfp/react";

() => {
  return <SecondaryNavigation />;
};

Prop	Default	Description
className `string`	–	The CSS class name to be placed on the wrapping element.
pageWidth `"sm" \|"md" \|"lg" \|"full"`	–	Specify the max-width on desktop devices (same as `Wrapper` component)
id `string`	–	Additional `id` provided to the wrapping element
additional `ReactNode`	–	An optional component or element to be rendered in the top right corner of the `Secondary navigation`. This can be used for adding supplementary content such as buttons, links, or other navigational elements.

import {
  Breadcrumb,
  BreadcrumbHome,
} from "@wfp/react";

() => {
  return <BreadcrumbHome />;
};

Prop	Default	Description	Value
hometext `ReactNode`	–	Specify an optional text for the `Home` Icon
className `string`	–	Specify an optional className to be added to the `Home` Icon

import {
  Breadcrumb,
  BreadcrumbItem,
} from "@wfp/react";

() => {
  return <BreadcrumbItem />;
};

Prop	Default	Description	Value
href `string`	–	Specify an link for the `BreadcrumbItem`
children `React.ReactNode`	–	The content to be rendered inside the component. This can be: A string, in which case you must also provide the `href` prop to define a link An `<a>` tag, allowing you to pass a fully defined anchor element Use this prop to specify the elements or text to display within the component
disableLink `boolean`	–	Specify `BreadcrumbItem` to be interactive/enabled or non-interactive/disabled	disableLink
className `string`	–	The CSS class name to be placed on the wrapping element

import { Breadcrumb } from "@wfp/react";

() => {
  return <Breadcrumb />;
};

Prop	Default	Description	Value
children `React.ReactNode`	–	Recommended to use `BreadcrumbItem` as the direct children for structured navigation.
className `string`	–	The CSS class name to be placed on the wrapping element.