面包屑

@cloud-ru/ds-breadcrumbs -=YTET -伊甸园字幕组=- 翻译:.

Навигационная,показывающая也. {\fn黑体\fs20\shad2\2aH82\3aH20\4aH33\fscx95\3cH592001\be1}♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪♪ shortLabel {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你觉得呢.

Демо

{/* 客户端:只 — Droplist {} {} { { { { {}} { { { { { { { { }} { { } { { { }}} { { { { { { } { { }} { }} { } { { } } { { } { { { } } } { { { { } } { { } { } { } { } { } { { } { { } { { { } } { } { { } { } { } { } { } { } / { } { } { } { } { { { } { { }

Когда

• {\fn黑体\fs20\shad2\2aH82\3aH20\4aH33\fscx95\3cH592001\be1}♪####################################################################################################################################################################################################################################.
• В,каталогах也.
• {\fn方正准圆简体\fs12\1cHC9ECC4}我.., не {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你觉得呢.

Когда не (原始内容存档于2018-10-29). qq: сайт 2–3 страниц, одностраничные приложения.

Анатомия

大小

校对:Soup xs {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}我.., s - дефолт заголовком страницы страницы страницы.

项目渲染模式

说吧 full - полный,лейбл, shortLabel - , ellipsis - обрезан многоточием до ширины, collapsed {\fn黑体\fs20\shad2\2aH82\3aH20\4aH33\fscx95\3cH592001\be1}你觉得呢? {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢.

Установка

pnpm add @cloud-ru/ds-breadcrumbs

import { Breadcrumbs } from '@cloud-ru/ds-breadcrumbs'

Примеры

Короткая

(原始内容存档于2018-10-21). QQ.

import { Breadcrumbs } from '@cloud-ru/ds-breadcrumbs';

const items = [
  { id: '1', label: 'Главная', href: '#' },
  { id: '2', label: 'Документы', href: '#' },
  { id: '3', label: 'Текущая страница' },
];

export function BasicTrail() {
  return <Breadcrumbs items={items} />;
}

\ \ \ \ \ \ 短标签

{\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你还好吧.

import { Breadcrumbs } from '@cloud-ru/ds-breadcrumbs';

const items = [
  { id: '1', label: 'Литература', href: '#' },
  { id: '2', label: 'Стихи', href: '#' },
  { id: '3', label: 'Золотой век русской поэзии', shortLabel: 'Золотой век', href: '#' },
  { id: '4', label: 'Михаил Лермонтов', shortLabel: 'Лермонтов', href: '#' },
  { id: '5', label: 'Тема "Одиночество"', shortLabel: 'Одиночество', href: '#' },
  { id: '6', label: 'Парус' },
];

export function LongTrail() {
  return <Breadcrumbs items={items} />;
}

Кастомный

Разделитель.

import { Breadcrumbs } from '@cloud-ru/ds-breadcrumbs';

const items = [
  { id: '1', label: 'Dashboard', href: '#' },
  { id: '2', label: 'Projects', href: '#' },
  { id: '3', label: 'Astro' },
];

export function CustomSeparator() {
  return <Breadcrumbs items={items} separator='/' />;
}

道具

面包屑

相关类型

项目

• Size =: "s" | "xs"