import Props from '@ionic-internal/component-api/v8/segment-content/props.md'; import Events from '@ionic-internal/component-api/v8/segment-content/events.md'; import Methods from '@ionic-internal/component-api/v8/segment-content/methods.md'; import Parts from '@ionic-internal/component-api/v8/segment-content/parts.md'; import CustomProps from '@ionic-internal/component-api/v8/segment-content/custom-props.mdx'; import Slots from '@ionic-internal/component-api/v8/segment-content/slots.md';

import EncapsulationPill from '@components/page/api/EncapsulationPill';

Segment content is a wrapper element used to control the display of child elements when using swipeable segments. Segment content elements are children of a single segment view instance that is linked to a segment. See our swipeable segments documentation for more information on how to use segment contents.

Each ion-segment-content needs a unique id attribute. This will be used to link the segment content to a segment button via the button's contentId property.

import Swipeable from '@site/static/usage/v8/segment/swipeable/index.md';