1"use strict";(self.webpackChunkionic_docs=self.webpackChunkionic_docs||[]).push([["29973"],{37613(e,t,n){n.r(t),n.d(t,{metadata:()=>s,default:()=>R,frontMatter:()=>f,contentTitle:()=>w,toc:()=>S,assets:()=>b});var s=JSON.parse('{"id":"api/segment-view","title":"ion-segment-view","description":"ion-segment-view: Controller element for swipeable segments","source":"@site/versioned_docs/version-v8/api/segment-view.md","sourceDirName":"api","slug":"/api/segment-view","permalink":"/docs/v8/api/segment-view","draft":false,"unlisted":false,"editUrl":"https://github.com/ionic-team/ionic-docs/tree/main/docs/api/segment-view.md","tags":[],"version":"v8","frontMatter":{"title":"ion-segment-view"},"sidebar":"api","previous":{"title":"ion-segment-content","permalink":"/docs/v8/api/segment-content"},"next":{"title":"ion-select","permalink":"/docs/v8/api/select"}}'),r=n(74848),i=n(28453);function o(e){let t={code:"code",h3:"h3",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h3,{id:"prop-disabled",children:"disabled"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{}),(0,r.jsx)(t.th,{})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Description"})}),(0,r.jsxs)(t.td,{children:["If ",(0,r.jsx)(t.code,{children:"true"}),", the segment view cannot be interacted with."]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Attribute"})}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"disabled"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Type"})}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"boolean"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Default"})}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"false"})})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"prop-swipe-gesture",children:"swipeGesture"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{}),(0,r.jsx)(t.th,{})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Description"})}),(0,r.jsxs)(t.td,{children:["If ",(0,r.jsx)(t.code,{children:"true"}),", users will be able to swipe the segment view to navigate between segment contents."]})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Attribute"})}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"swipe-gesture"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Type"})}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"boolean"})})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.strong,{children:"Default"})}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"true"})})]})]})]})]})}function l(e={}){let{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(o,{...e})}):o(e)}function d(e){let t={code:"code",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,i.R)(),...e.components};return(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Name"}),(0,r.jsx)(t.th,{children:"Description"}),(0,r.jsx)(t.th,{children:"Bubbles"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"ionSegmentViewScroll"})}),(0,r.jsx)(t.td,{children:"Emitted when the segment view is scrolled."}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"true"})})]})})]})}function c(e={}){let{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}function h(e){let t={p:"p",...(0,i.R)(),...e.components};return(0,r.jsx)(t.p,{children:"No public methods available for this component."})}function a(e={}){let{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}function p(e){let t={p:"p",...(0,i.R)(),...e.components};return(0,r.jsx)(t.p,{children:"No CSS shadow parts available for this component."})}function x(e={}){let{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(p,{...e})}):p(e)}function j(e){let t={p:"p",...(0,i.R)(),...e.components};return(0,r.jsx)(t.p,{children:"No CSS custom properties available for this component."})}function m(e={}){let{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(j,{...e})}):j(e)}function u(e){let t={p:"p",...(0,i.R)(),...e.components};return(0,r.jsx)(t.p,{children:"No slots available for this component."})}function v(e={}){let{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(u,{...e})}):u(e)}var g=n(54441);let f={title:"ion-segment-view"},w,b={},S=[{value:"Properties",id:"properties",level:2},{value:"disabled",id:"prop-disabled",level:3},{value:"swipeGesture",id:"prop-swipe-gesture",level:3},{value:"Events",id:"events",level:2},{value:"Methods",id:"methods",level:2},{value:"CSS Shadow Parts",id:"css-shadow-parts",level:2},{value:"CSS Custom Properties",id:"css-custom-properties",level:2},{value:"Slots",id:"slots",level:2}];function y(e){let t={a:"a",h2:"h2",p:"p",...(0,i.R)(),...e.components},{Head:n}=t;return n||function(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Head",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(n,{children:[(0,r.jsx)("title",{children:"ion-segment-view: Controller element for swipeable segments"}),(0,r.jsx)("meta",{name:"description",content:"ion-segment-views are wrapper elements that link a group of segment contents to a segment"})]}),"\n","\n",(0,r.jsx)(g.A,{type:"shadow"}),"\n",(0,r.jsxs)(t.p,{children:["Segment view is a wrapper element that links a group of ",(0,r.jsx)(t.a,{href:"/docs/v8/api/segment-content",children:"segment contents"})," to a ",(0,r.jsx)(t.a,{href:"/docs/v8/api/segment",children:"segment"})," when using swipeable segments.\nRefer to our ",(0,r.jsx)(t.a,{href:"/docs/v8/api/segment#swipeable-segments",children:"swipeable segments"})," documentation for more information on how to use segment views."]}),"\n",(0,r.jsx)(t.h2,{id:"properties",children:"Properties"}),"\n",(0,r.jsx)(l,{}),"\n",(0,r.jsx)(t.h2,{id:"events",children:"Events"}),"\n",(0,r.jsx)(c,{}),"\n",(0,r.jsx)(t.h2,{id:"methods",children:"Methods"}),"\n",(0,r.jsx)(a,{}),"\n",(0,r.jsx)(t.h2,{id:"css-shadow-parts",children:"CSS Shadow Parts"}),"\n",(0,r.jsx)(x,{}),"\n",(0,r.jsx)(t.h2,{id:"css-custom-properties",children:"CSS Custom Properties"}),"\n",(0,r.jsx)(m,{}),"\n",(0,r.jsx)(t.h2,{id:"slots",children:"Slots"}),"\n",(0,r.jsx)(v,{})]})}function R(e={}){let{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(y,{...e})}):y(e)}}
1,54441(e,t,n){n.d(t,{A:()=>l});var s=n(74848);n(96540);var r=n(20053),i=n(66497),o=n(95310);function l({type:e,...t}){let n=(0,i.Ay)(`reference/glossary#${e}`);return(0,s.jsx)(o.A,{to:n,...t,className:(0,r.A)(t.className,"encapsulation-pill","encapsulationPill_weMM"),children:e})}},28453(e,t,n){n.d(t,{R:()=>o,x:()=>l});var s=n(96540);let r={},i=s.createContext(r);function o(e){let t=s.useContext(i);return s.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function l(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:o(e.components),s.createElement(i.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.