search

cea-hpc / robinhood

Robinhood Policy Engine : a versatile tool to monitor filesystem contents and schedule actions on filesystem entries.
http://robinhood.sf.net
Other
177 stars 60 forks source link

## Description #132

Open silva22322 opened 1 year ago

silva22322 commented 1 year ago

Description

To create a breadcrumbs component.

Tasks

### Spec discussed in https://github.com/deepsourcelabs/zeal-next/discussions/8
Originally posted by **yash-deepsource** May 12, 2022 # Description `ZBreadcrumbs` component(s) involves rendering a trail of navigational tokens (breadcrumbs) that help users understand their current location on the website. More information on them can be found on [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Breadcrumb_Navigation). # Components ## `ZBreadcrumbItem` - The token component that indicates a single breadcrumb in a group of breadcrumbs. It consists of a separator and the breadcrumb value. ### Props | Prop | Default | Description | |-------------|---------|-------------------------------------------------------------| | `isCurrent` | `false` | Indicates whether a breadcrumb is the current page, or not. | | `separator` | `'/'` | Separator of type `string` that separates the breadcrumbs. | ### Overridable classes | Class | Default | Description | |------------------------|------------------------------|----------------------------------------------------------------| | `text-` | `'text-vanilla-400'` | Color of a breadcrumb when it isn't the currently active page. | | `current:text-` | `'current:text-vanilla-100'` | Color of a breadcrumb when it is the currently active page. Overrides the value of `ZBreadcrumb`'s `separator` if specified. | ### Preview TODO ## `ZBreadcrumb` - The parent component that encapsulates all ``s. ### Props | Props | Default | Description | |-------------|---------|-----------------------------------------------------------------------------------------------------------------------------------------------------------| | `separator` | `'/'` | Separator of type `string` that separates the breadcrumbs. If a `ZBreadcrumbItem` specifies its own `separator` then it overrides the value of this prop. | ### Overridable classes | Class | Default | Description | |---------------|---------------|------------------------------------| | `text-` | `'text-base'` | Size of text within `ZBreadcrumb`. | ### Preview TODO ## Code example ```vue Item {{i}} ```

Originally posted by @yash-deepsource in https://github.com/deepsourcelabs/zeal-next/issues/9