yarn add @twilio-paste/summary-detail - or - yarn add @twilio-paste/core
import {
SummaryDetail,
SummaryDetailContent,
SummaryDetailHeading,
SummaryDetailHeadingContent,
SummaryDetailToggleButton,
} from '@twilio-paste/core/summary-detail';
import {Text} from '@twilio-paste/core/text';
const SummaryDetailExample = () => {
return (
<SummaryDetail>
<SummaryDetailHeading>
<SummaryDetailToggleButton />
<SummaryDetailHeadingContent>
Inbound Call
</SummaryDetailHeadingContent>
</SummaryDetailHeading>
<SummaryDetailContent>
<Text as="p">This is the content of the summary detail.</Text>
</SummaryDetailContent>
</SummaryDetail>
);
};
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
any- Default
'SUMMARY_DETAIL'
state
Provide the Disclosure state returned from useDisclosureState if you want to control the state of the Disclosure.
- Type
SummaryDetailStateReturn
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
any- Default
'SUMMARY_DETAIL_HEADING'
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
any- Default
'SUMMARY_DETAIL_HEADING_CONTENT'
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
any- Default
'SUMMARY_TOGGLE_BUTTON'
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.
element
Overrides the default element name to apply unique styles with the Customization Provider
- Type
any- Default
'SUMMARY_DETAIL_CONTENT'
Inherited props
Paste components will often extend native HTML elements and as a result will inherit or extend their available properties. Below is a list of the props this component has inherited and are also available to use.