AccordionItem

@shopify/shop-minis-platform-sdk / components/Accordion/AccordionItem

AccordionItemData

Extended by

• AccordionItemProps

Properties

body

body: ReactNode

What is displayed when the item is open

isInitiallyOpen?

optional isInitiallyOpen: boolean

If true, an item will initially appear open

title

title: string

Text to be displayed when the accordion is closed

---

AccordionItemProps

Extends

• AccordionItemData

Properties

alwaysOpen

alwaysOpen: boolean

if true, a user must click an item to open of close it if false, a side effect is added to animate the body close if isOpen becomes false

body

body: ReactNode

What is displayed when the item is open

Inherited from

AccordionItemData.body

handleTitlePress()

handleTitlePress: () => void

this function fire immediately after clicking an entries title

Returns

void

isInitiallyOpen?

optional isInitiallyOpen: boolean

If true, an item will initially appear open

Inherited from

AccordionItemData.isInitiallyOpen

isLastItem?

optional isLastItem: boolean

if true, we remove the bottom border of the item

isOpen

isOpen: boolean

if true, the body of an item is animated in

onAnimationComplete()?

optional onAnimationComplete: () => void

this function fire only after the animation for an item body is finished

Returns

void

title

title: string

Text to be displayed when the accordion is closed

Inherited from

AccordionItemData.title

---

AccordionItem()

AccordionItem(__namedParameters): Element

Parameters

Parameter	Type
__namedParameters	AccordionItemProps

Returns

Element