@chakra-ui/core
Version:
Responsive and accessible React UI components built with React and Emotion
42 lines (34 loc) • 1.17 kB
TypeScript
import * as React from "react";
import { BoxProps } from "../Box";
import * as StyledSystem from "styled-system";
import { LinkProps } from "../Link";
interface IBreadcrumb {
children?: React.ReactNode;
/**
* The visual separator between each breadcrumb item
*/
separator?: string | React.ReactNode;
/**
* If `true`, the breadcrumb will add the separator automatically
*/
addSeparator?: boolean;
/**
* The left and right margin applied to the separator
*/
spacing?: StyledSystem.MarginProps["margin"];
}
type BreadcrumbProps = BoxProps & IBreadcrumb;
declare const Breadcrumb: React.FC<BreadcrumbProps>;
export default Breadcrumb;
/////////////////////////////////////////////////////////////
export const BreadcrumbSeparator: React.FC<BoxProps>;
export const BreadcrumbLink: React.FC<LinkProps>;
/////////////////////////////////////////////////////////////
export type BreadcrumbItemProps = BreadcrumbProps & {
/**
* If `true`, indicates that the breadcrumb item is active, adds
* `aria-current=page` and renders a `span`
*/
isCurrentPage?: boolean;
};
export const BreadcrumbItem: React.FC<BreadcrumbItemProps>;