Skip to content
This repository has been archived by the owner on Jan 3, 2024. It is now read-only.

Breadcrumb component #17

Closed
DeepDiver1975 opened this issue Feb 28, 2019 · 1 comment
Closed

Breadcrumb component #17

DeepDiver1975 opened this issue Feb 28, 2019 · 1 comment
Assignees

Comments

@DeepDiver1975
Copy link
Member

DeepDiver1975 commented Feb 28, 2019

Following variants in usage shall be possible:

  1. Default rendering items
<oc-breadcrumbs :items="items" divider=">"></oc-breadcrumbs>

Items are plain objects with the properties:

  • text: the text which is displayed in the breadcrumb
  • to: the vue router link
  • disabled: if true the breadcrumb is not clickable
  1. Render a given template
<oc-breadcrumbs :items="items" divider=">">
  <template slot='items slot-scope="props">
    <oc-icon name="ready"/><span>{{ props.item.text.toUpperCase }}</span>
  </template>
</oc-breadcrumbs>

For implementing the styling use UiKit breadbrumb classes https://getuikit.com/docs/breadcrumb

@DeepDiver1975 DeepDiver1975 self-assigned this Feb 28, 2019
thomasheller added a commit to thomasheller/owncloud-design-system that referenced this issue Mar 2, 2019
@DeepDiver1975
Copy link
Member Author

refs #62

Phoenix Team Sprint 8 automation moved this from To do to Done Mar 25, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
No open projects
Development

No branches or pull requests

1 participant