From ac37457c3eb3bb0919bb2316960ff202f8a4f8d5 Mon Sep 17 00:00:00 2001 From: Rich Kummer Date: Mon, 30 Oct 2023 17:01:45 -0400 Subject: [PATCH] Remove page, update json and yaml --- src/data/components.json | 53 --------------------- src/data/nav-items.yaml | 2 - src/pages/components/tags.mdx | 86 ----------------------------------- 3 files changed, 141 deletions(-) delete mode 100644 src/pages/components/tags.mdx diff --git a/src/data/components.json b/src/data/components.json index d50221838..702e637dd 100644 --- a/src/data/components.json +++ b/src/data/components.json @@ -424,59 +424,6 @@ "notAvailable": false } }, - "Tags": { - "url": "/components/tags", - "description": "Tags help label and categorize content using keywords. Tag link enables a tag to be clickable and navigate users to related content.", - "storybook": { - "webcomponents": "https://www.ibm.com/standards/carbon/web-components/?path=/story/components-tag-link--default", - "reactwrapper": "https://www.ibm.com/standards/carbon/web-components/react/?path=/story/components-tag-link--default" - }, - "webcomponents": { - "stable": true, - "experimental": false, - "new": false, - "updated": false, - "deprecated": false, - "underConstruction": false, - "notAvailable": false - } - }, - "Tag link": { - "url": "/components/tags#tag-link", - "designLink": "https://ibm.box.com/s/y5dx0hxzcsn6i6xv6i1vwlsec300gbm5", - "description": "Tag link enables a tag to be clickable and navigate users to related content.", - "storybook": { - "webcomponents": "https://www.ibm.com/standards/carbon/web-components/?path=/story/components-tag-link--default", - "reactwrapper": "https://www.ibm.com/standards/carbon/web-components/react/?path=/story/components-tag-link--default" - }, - "webcomponents": { - "stable": true, - "experimental": false, - "new": false, - "updated": false, - "deprecated": false, - "underConstruction": false, - "notAvailable": false - } - }, - "Tag group": { - "url": "/components/tags#tag-group", - "designLink": "https://ibm.box.com/s/t2njzzny00mgy67cxj0r420nacvpvc83", - "description": "Tag link enables a tag to be clickable and navigate users to related content.", - "storybook": { - "webcomponents": "https://www.ibm.com/standards/carbon/web-components/?path=/story/components-tag-group", - "reactwrapper": "https://www.ibm.com/standards/carbon/web-components/react/?path=/story/components-tag-group" - }, - "webcomponents": { - "stable": true, - "experimental": false, - "new": false, - "updated": false, - "deprecated": false, - "underConstruction": false, - "notAvailable": false - } - }, "Video": { "url": "/components/video", "designLink": "https://ibm.box.com/s/9q7rdj73m32hufcw1xwl1td6nr88rghm", diff --git a/src/data/nav-items.yaml b/src/data/nav-items.yaml index ced74051c..d59f4ff23 100644 --- a/src/data/nav-items.yaml +++ b/src/data/nav-items.yaml @@ -132,8 +132,6 @@ path: /components/table-of-contents - title: Tabs extended path: /components/tabs-extended - - title: Tags - path: /components/tags - title: Universal banner path: /components/universal-banner - title: Video diff --git a/src/pages/components/tags.mdx b/src/pages/components/tags.mdx deleted file mode 100644 index 182340a72..000000000 --- a/src/pages/components/tags.mdx +++ /dev/null @@ -1,86 +0,0 @@ ---- -title: Tags -description: Tags help label and categorize content using keywords. Tag link enables a tag to be clickable and navigate users to related content. ---- - -import ComponentDescription from 'components/ComponentDescription'; -import ComponentFeedback from 'components/ComponentFeedback'; -import ResourceLinks from 'components/ResourceLinks'; - - - - - -Overview -Tag -Tag link -Tag group -Feedback - - - -## Overview - -Tags are used to add additional context to, or categorize content that they appear in. In Carbon for IBM.com, the Carbon tag is used directly in the card component. Tag link is a clickable version of the Carbon tag that is often used inside a tag group to represent poly-hierarchy. - -## Tag - -The Carbon tag is primarily used inside the [card](https://www.ibm.com/standards/carbon/components/cards) component in Carbon for IBM.com. This enables cards to display labels that categorize the card's contents or highlight aspects of the content. - -For more information, visit Carbon Design System's tag [guidance](https://carbondesignsystem.com/components/tag/usage/) page. - - - - -![Tags in card components](../../images/component/tags/tags-card-tag-example.png) - - - - -An example of tags appearing inside cards. - -## Tag link - -Tag link is a clickable component that accepts a URL and is used to navigate users to a topic page, or additional information related to the tag link. It uses Carbon's [tag](https://carbondesignsystem.com/components/tag/usage/) as a base, and uses a larger type token and additional spacing around the label. Unlike tag, tag link has limited color styles for the label and background. - -Tag link is primarily used inside of a tag group (see more below). - - - - - -![A visual example of the Content block component](../../images/component/tags/tags-tag-link-interaction.gif) - - - - - -An example of a tag link navigating a user to a related page - - - -### Content guidance for Tag link - -| Element | Content type | Required | Instances | Character limit
(English / translated) | Notes | -| ------- | ------------ | -------- | --------- | ------------------------------------------- | ------------------- | -| Label | Text | No | 1 | 25 / 35 | URL added in setup. | - -## Tag group - -Tag group is a collection of tag links that can be added to the [lead space](https://www.ibm.com/standards/carbon/components/leadspace). Tag group is typically used in cases where the navigation does not have a clear, linear hierarchy. We recommend using more than one Tag link to represent a polyhierarchical structure. When there is a clear, linear hierachy, we recommend utilizing breadcrumbs, see the lead space [parent navigation](https://www.ibm.com/standards/carbon/components/leadspace#parent-navigation) for additional guidance. - - - - -![Tag group in lead space](../../images/component/tags/components--tag-link.jpg) - - - - -An example of a tag group appearing inside a lead space. - - - -## Feedback - -