Skip to content

Improve inline notification story #1565

@davidnixon

Description

@davidnixon

Title line template: [Improve inline notification story]: Add migration notes and slots examples

Detailed description

Inline Notification story docs should add migration notes similiar to inline loading to call out the removal of the v-html support for the subtitle.

https://vue.carbondesignsystem.com/?path=/story/component-cvinlinenotification--info

Steps to reproduce the issue

  1. Step one
  2. Step two
  3. Step three
  4. etc.

Additional information

This displayed correctly in Vue2 components
image

Example of updated usage:
In Vue 2

      <cv-inline-notification
        style="margin: 0"
        kind="warning"
        title="Warning"
        :sub-title="getLink"
        :low-contrast="true"
        :hide-close-button="true"
      />

Where "getLink" returned an HTML string

In Vue 3

      <cv-inline-notification
        style="margin: 0"
        kind="warning"
        title="Warning"
        :low-contrast="true"
        :hide-close-button="true"
      >
        <template #sub-title>
          Requires you to submit a request for use.<br />
          <a target="_blank" :href="item.request_link">Link to request form</a>
        </template>
      </cv-inline-notification>

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions