ebay-inline-notice

EbayInlineNotice

Demo

Storybook

Use

import { EbayInlineNotice, EbayNoticeContent } from '@ebay/ui-core-react'

<EbayInlineNotice status="confirmation" aria-label="Confirmation">
    <EbayNoticeContent>
        <p>Delivered on May 1, 2017</p>
        <p>
            Tracking number: <a href="http://www.ebay.com">93878473859376898908657567</a>
        </p>
    </EbayNoticeContent>
</EbayInlineNotice>;

or for smaller bundle size:

import { EbayInlineNotice, EbayNoticeContent } from '@ebay/ui-core-react/ebay-inline-notice'

Import following styles from SKIN

JavaScript files

import "@ebay/skin/inline-notice";

Attributes

Name	Type	Stateful	Description	Default
status	String ("general", "attention", "confirmation", or "information")	No	Determines the style and type of notice to be displayed	"general"
aria-label	String	No	The description of the notice itself for screen readers. Check out this issue for more context.	-
hidden	Boolean	No	Determines whether the notice is hidden or not.	false
onNoticeShow	Function	No	A function that is called when the notice is displayed	-
children	React Node	No	The content to be displayed within the notice. Must have the EbayNoticeContent within the children!	-