ebay-details

EbayDetails

Demo

Storybook

Usage

Import JS

import { EbayDetails } from "@ebay/ui-core-react/ebay-details";

Import following styles from SKIN

import "@ebay/skin/details";

If tokens haven't been added to the project at a higher level, make sure to import

import "@ebay/skin/tokens";

Or import styles using SCSS/CSS

import "@ebay/skin/details.css";

<EbayDetails text="details">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
    sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</EbayDetails>

Attributes

Name	Type	Required	Description	Data
alignment	String	No	The position of the details, regular or center
size	String	No	Size of the details, regular or small
open	String	No	Whether details is open
text	String	Yes	Text for the summary
as	React.ElementType	No	Element type for the summary, default is div
onToggle	Function	No	Triggered on toggle	(event: Event, { open })