Collapsible_contentInner element CSS Styles Collapsible_contentOuter element contentInnerClassName | string Collapsible_trigger element (root) when open contentOuterClassName | string Collapsible_trigger element (root) when closed triggerOpenedClassName | string Collapsible element (root) when open triggerClassName | string Collapsible element (root) when closed openedClassName | string Use this to overwrite the parent CSS class for the Collapsible component parts. CSS Class String Props classParentString | string | default: Collapsible Collapsible_trigger tabIndex | number | default: nullĪ tabIndex prop adds the tabIndex attribute to the trigger element which in turn allows the Collapsible trigger to gain focus. This is inserted in component tree and DOM directlyĪfter. triggerSibling | element | default: nullĮscape hatch to add arbitrary content on the trigger without triggering expand/collapse. Set this to true to add the html hidden attribute to the content when the collapsible is fully closed. This can be any one of the valid CSS values of 'hidden', 'visible', 'auto', 'scroll', 'inherit', 'initial', or 'unset' contentHiddenWhenClosed | bool | default: false The CSS overflow property once the Collapsible is open. Set this to true to postpone rendering of all of the content of the Collapsible until before it's opened for the first time overflowWhenOpen | enum | default: 'hidden' Like onClosing except it isn't called when the open prop is updated. Is called when the Collapsible close trigger is clicked. Like onOpening except it isn't called when the open prop is updated. Is called when the Collapsible open trigger is clicked. Is called when the Collapsible is closing. Is called when the Collapsible is opening. Is called when the Collapsible has closed. Is called when the Collapsible has opened. Takes one parameter, which is props.accordionPosition. handleTriggerClick | functionĭefine this to override the click handler for the trigger link. Unique key used to identify the Collapse instance when used in an accordion. You can also use this prop to manage the state from a parent component. Set to true if you want the Collapsible to begin in the open state. For reference view the MDN documentation. This string can be any valid value of CSS transition-timing-function. The CSS easing method you wish to apply to the open/close transition. The number of milliseconds for the close transition to take. transitionCloseTime | number | default: null The number of milliseconds for the open/close transition to take. contentElementId | stringĪllows for an alternative to an auto generated id (which is not guaranteed to be unique in extremely fast builds) that is used as part of the component id and the aria-controls attribute of the component. Import React from 'react' import Collapsible from 'react-collapsible' const App = ( ) =>.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |