René's URL Explorer Experiment


Title: ion-segment: API Documentation for Segmented Controls

Open Graph Title: ion-segment | Ionic Framework

Description: ion-segments display a group of related buttons—sometimes known as segmented controls. View our Segment API Documentation to learn more about usage.

Open Graph Description: ion-segment: API Documentation for Segmented Controls

Opengraph URL: https://ionicframework.com/docs/api/segment

X: @ionicframework

Generator: Docusaurus v3.7.0

direct link

Domain: ionicframework.com

og:localeen
og:locale:alternateja
docusaurus_localeen
docsearch:languageen
og:imagehttps://ionicframework.com/docs/img/meta/open-graph.png
twitter:imagehttps://ionicframework.com/docs/img/meta/open-graph.png
twitter:cardsummary_large_image
twitter:domainionicframework.com
twitter:creatorionicframework
fb:page_id1321836767955949
og:typewebsite
og:site_nameIonic Framework Docs
docusaurus_versioncurrent
docusaurus_tagdocs-default-current
docsearch:versioncurrent
docsearch:docusaurus_tagdocs-default-current

Links:

Skip to main contenthttps://ionicframework.com/docs/api/segment#__docusaurus_skipToContent_fallback
An OutSystems Company →https://www.outsystems.com/?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none
https://ionicframework.com/docs/
https://ionicframework.com/docs/
Getting Startedhttps://ionicframework.com/docs/components
UI Componentshttps://ionicframework.com/docs/components
Accordionhttps://ionicframework.com/docs/api/accordion
ion-accordionhttps://ionicframework.com/docs/api/accordion
ion-accordion-grouphttps://ionicframework.com/docs/api/accordion-group
Action Sheethttps://ionicframework.com/docs/api/action-sheet
ion-action-sheethttps://ionicframework.com/docs/api/action-sheet
Alerthttps://ionicframework.com/docs/api/alert
ion-alerthttps://ionicframework.com/docs/api/alert
Badgehttps://ionicframework.com/docs/api/badge
ion-badgehttps://ionicframework.com/docs/api/badge
Breadcrumbshttps://ionicframework.com/docs/api/breadcrumb
ion-breadcrumbhttps://ionicframework.com/docs/api/breadcrumb
ion-breadcrumbshttps://ionicframework.com/docs/api/breadcrumbs
Buttonhttps://ionicframework.com/docs/api/button
ion-buttonhttps://ionicframework.com/docs/api/button
ion-ripple-effecthttps://ionicframework.com/docs/api/ripple-effect
Cardhttps://ionicframework.com/docs/api/card
ion-cardhttps://ionicframework.com/docs/api/card
ion-card-contenthttps://ionicframework.com/docs/api/card-content
ion-card-headerhttps://ionicframework.com/docs/api/card-header
ion-card-subtitlehttps://ionicframework.com/docs/api/card-subtitle
ion-card-titlehttps://ionicframework.com/docs/api/card-title
Checkboxhttps://ionicframework.com/docs/api/checkbox
ion-checkboxhttps://ionicframework.com/docs/api/checkbox
Chiphttps://ionicframework.com/docs/api/chip
ion-chiphttps://ionicframework.com/docs/api/chip
Contenthttps://ionicframework.com/docs/api/app
ion-apphttps://ionicframework.com/docs/api/app
ion-contenthttps://ionicframework.com/docs/api/content
Date & Time Pickershttps://ionicframework.com/docs/api/datetime
ion-datetimehttps://ionicframework.com/docs/api/datetime
ion-datetime-buttonhttps://ionicframework.com/docs/api/datetime-button
ion-pickerhttps://ionicframework.com/docs/api/picker
ion-picker-columnhttps://ionicframework.com/docs/api/picker-column
ion-picker-column-optionhttps://ionicframework.com/docs/api/picker-column-option
ion-picker-legacyhttps://ionicframework.com/docs/api/picker-legacy
Floating Action Buttonhttps://ionicframework.com/docs/api/fab
ion-fabhttps://ionicframework.com/docs/api/fab
ion-fab-buttonhttps://ionicframework.com/docs/api/fab-button
ion-fab-listhttps://ionicframework.com/docs/api/fab-list
Gridhttps://ionicframework.com/docs/api/grid
ion-gridhttps://ionicframework.com/docs/api/grid
ion-colhttps://ionicframework.com/docs/api/col
ion-rowhttps://ionicframework.com/docs/api/row
Iconshttps://ionicframework.com/docs/api/icon
ion-iconhttps://ionicframework.com/docs/api/icon
Infinite Scrollhttps://ionicframework.com/docs/api/infinite-scroll
ion-infinite-scrollhttps://ionicframework.com/docs/api/infinite-scroll
ion-infinite-scroll-contenthttps://ionicframework.com/docs/api/infinite-scroll-content
Inputshttps://ionicframework.com/docs/api/input
ion-inputhttps://ionicframework.com/docs/api/input
ion-input-password-togglehttps://ionicframework.com/docs/api/input-password-toggle
ion-input-otphttps://ionicframework.com/docs/api/input-otp
ion-textareahttps://ionicframework.com/docs/api/textarea
Itemhttps://ionicframework.com/docs/api/item
ion-itemhttps://ionicframework.com/docs/api/item
ion-item-dividerhttps://ionicframework.com/docs/api/item-divider
ion-item-grouphttps://ionicframework.com/docs/api/item-group
ion-item-slidinghttps://ionicframework.com/docs/api/item-sliding
ion-item-optionshttps://ionicframework.com/docs/api/item-options
ion-item-optionhttps://ionicframework.com/docs/api/item-option
ion-labelhttps://ionicframework.com/docs/api/label
ion-notehttps://ionicframework.com/docs/api/note
Listhttps://ionicframework.com/docs/api/list
ion-listhttps://ionicframework.com/docs/api/list
ion-list-headerhttps://ionicframework.com/docs/api/list-header
Mediahttps://ionicframework.com/docs/api/avatar
ion-avatarhttps://ionicframework.com/docs/api/avatar
ion-iconhttps://ionicframework.com/docs/api/icon
ion-imghttps://ionicframework.com/docs/api/img
ion-thumbnailhttps://ionicframework.com/docs/api/thumbnail
Menuhttps://ionicframework.com/docs/api/menu
ion-menuhttps://ionicframework.com/docs/api/menu
ion-menu-buttonhttps://ionicframework.com/docs/api/menu-button
ion-menu-togglehttps://ionicframework.com/docs/api/menu-toggle
ion-split-panehttps://ionicframework.com/docs/api/split-pane
Modalhttps://ionicframework.com/docs/api/modal
ion-modalhttps://ionicframework.com/docs/api/modal
ion-backdrophttps://ionicframework.com/docs/api/backdrop
Navigationhttps://ionicframework.com/docs/api/nav
ion-navhttps://ionicframework.com/docs/api/nav
ion-nav-linkhttps://ionicframework.com/docs/api/nav-link
Popoverhttps://ionicframework.com/docs/api/popover
ion-popoverhttps://ionicframework.com/docs/api/popover
Progress Indicatorshttps://ionicframework.com/docs/api/loading
ion-loadinghttps://ionicframework.com/docs/api/loading
ion-progress-barhttps://ionicframework.com/docs/api/progress-bar
ion-skeleton-texthttps://ionicframework.com/docs/api/skeleton-text
ion-spinnerhttps://ionicframework.com/docs/api/spinner
Radiohttps://ionicframework.com/docs/api/radio
ion-radiohttps://ionicframework.com/docs/api/radio
ion-radio-grouphttps://ionicframework.com/docs/api/radio-group
Rangehttps://ionicframework.com/docs/api/range
ion-rangehttps://ionicframework.com/docs/api/range
Refresherhttps://ionicframework.com/docs/api/refresher
ion-refresherhttps://ionicframework.com/docs/api/refresher
ion-refresher-contenthttps://ionicframework.com/docs/api/refresher-content
Reorderhttps://ionicframework.com/docs/api/reorder
ion-reorderhttps://ionicframework.com/docs/api/reorder
ion-reorder-grouphttps://ionicframework.com/docs/api/reorder-group
Routinghttps://ionicframework.com/docs/api/router
ion-routerhttps://ionicframework.com/docs/api/router
ion-router-linkhttps://ionicframework.com/docs/api/router-link
ion-router-outlethttps://ionicframework.com/docs/api/router-outlet
ion-routehttps://ionicframework.com/docs/api/route
ion-route-redirecthttps://ionicframework.com/docs/api/route-redirect
Searchbarhttps://ionicframework.com/docs/api/searchbar
ion-searchbarhttps://ionicframework.com/docs/api/searchbar
Segmenthttps://ionicframework.com/docs/api/segment
ion-segmenthttps://ionicframework.com/docs/api/segment
ion-segment-buttonhttps://ionicframework.com/docs/api/segment-button
ion-segment-contenthttps://ionicframework.com/docs/api/segment-content
ion-segment-viewhttps://ionicframework.com/docs/api/segment-view
Selecthttps://ionicframework.com/docs/api/select
ion-selecthttps://ionicframework.com/docs/api/select
ion-select-optionhttps://ionicframework.com/docs/api/select-option
Tabshttps://ionicframework.com/docs/api/tabs
ion-tabshttps://ionicframework.com/docs/api/tabs
ion-tabhttps://ionicframework.com/docs/api/tab
ion-tab-barhttps://ionicframework.com/docs/api/tab-bar
ion-tab-buttonhttps://ionicframework.com/docs/api/tab-button
Toasthttps://ionicframework.com/docs/api/toast
ion-toasthttps://ionicframework.com/docs/api/toast
Togglehttps://ionicframework.com/docs/api/toggle
ion-togglehttps://ionicframework.com/docs/api/toggle
Toolbarhttps://ionicframework.com/docs/api/toolbar
ion-toolbarhttps://ionicframework.com/docs/api/toolbar
ion-headerhttps://ionicframework.com/docs/api/header
ion-footerhttps://ionicframework.com/docs/api/footer
ion-titlehttps://ionicframework.com/docs/api/title
ion-buttonshttps://ionicframework.com/docs/api/buttons
ion-back-buttonhttps://ionicframework.com/docs/api/back-button
Typographyhttps://ionicframework.com/docs/api/text
ion-texthttps://ionicframework.com/docs/api/text
Resourceshttps://ionicframework.com/docs/api
API Indexhttps://ionicframework.com/docs/api
https://ionicframework.com/docs/
Guidehttps://ionicframework.com/docs/
Componentshttps://ionicframework.com/docs/components
CLIhttps://ionicframework.com/docs/cli
Nativehttps://ionicframework.com/docs/native
Ionic v8.0.0 Upgrade Guidehttps://ionicframework.com/docs/updating/8-0
v8https://ionicframework.com/docs/api/segment
v8https://ionicframework.com/docs/api/segment
v7https://ionicframework.com/docs/v7/api/segment
v6https://ionic-docs-fo03f34h5-ionic1.vercel.app/docs/v6
v5https://ionic-docs-5utg8ms4c-ionic1.vercel.app/docs/v5
v4https://ionicframework.com/docs/v4/components
v3https://ionicframework.com/docs/v3/
Communityhttps://ionicframework.com/docs/api/segment
Community Hubhttps://ionicframework.com/community
Forumhttps://forum.ionicframework.com/
Meetupshttps://www.meetup.com/topics/ionic-framework/
Bloghttps://blog.ionicframework.com/
Twitterhttps://twitter.com/ionicframework
Supporthttps://ionicframework.com/docs/api/segment
Help Centerhttps://ionicframework.com/support
Customer Supporthttps://ionic.zendesk.com/
Enterprise Advisoryhttps://ionicframework.com/advisory
Englishhttps://ionicframework.com/docs/api/segment
Englishhttps://ionicframework.com/docs/api/segment
日本語https://ionicframework.com/docs/ja/api/segment
Translatehttps://ionicframework.com/translate
https://twitter.com/Ionicframework
https://ionic.link/discord
https://github.com/ionic-team/ionic-framework
shadowhttps://ionicframework.com/docs/reference/glossary#shadow
​https://ionicframework.com/docs/api/segment#basic-usage
segment buttonshttps://ionicframework.com/docs/api/segment-button
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://ionicframework.com/docs/api/segment#scrollable-segments
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://ionicframework.com/docs/api/segment#segments-in-toolbars
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://ionicframework.com/docs/api/segment#swipeable-segments
segment buttonhttps://ionicframework.com/docs/api/segment-button
segment contenthttps://ionicframework.com/docs/api/segment-content
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://ionicframework.com/docs/api/segment#theming
​https://ionicframework.com/docs/api/segment#colors
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://ionicframework.com/docs/api/segment#css-custom-properties
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://ionicframework.com/docs/api/segment#accessibility
​https://ionicframework.com/docs/api/segment#keyboard-interactions
​https://ionicframework.com/docs/api/segment#interfaces
​https://ionicframework.com/docs/api/segment#segmentchangeeventdetail
​https://ionicframework.com/docs/api/segment#segmentcustomevent
​https://ionicframework.com/docs/api/segment#properties
​https://ionicframework.com/docs/api/segment#color
theminghttps://ionicframework.com/docs/theming/basics
​https://ionicframework.com/docs/api/segment#disabled
​https://ionicframework.com/docs/api/segment#mode
virtual propertyhttps://ionicframework.com/docs/core-concepts/fundamentals#virtual-properties
​https://ionicframework.com/docs/api/segment#scrollable
​https://ionicframework.com/docs/api/segment#selectonfocus
​https://ionicframework.com/docs/api/segment#swipegesture
​https://ionicframework.com/docs/api/segment#value
​https://ionicframework.com/docs/api/segment#events
​https://ionicframework.com/docs/api/segment#methods
​https://ionicframework.com/docs/api/segment#css-shadow-parts
​https://ionicframework.com/docs/api/segment#css-custom-properties-1
​https://ionicframework.com/docs/api/segment#slots
Edit this pagehttps://github.com/ionic-team/ionic-docs/tree/main/docs/api/segment.md
Previousion-searchbarhttps://ionicframework.com/docs/api/searchbar
Nextion-segment-buttonhttps://ionicframework.com/docs/api/segment-button
Basic Usagehttps://ionicframework.com/docs/api/segment#basic-usage
Scrollable Segmentshttps://ionicframework.com/docs/api/segment#scrollable-segments
Segments in Toolbarshttps://ionicframework.com/docs/api/segment#segments-in-toolbars
Swipeable Segmentshttps://ionicframework.com/docs/api/segment#swipeable-segments
Theminghttps://ionicframework.com/docs/api/segment#theming
Colorshttps://ionicframework.com/docs/api/segment#colors
CSS Custom Propertieshttps://ionicframework.com/docs/api/segment#css-custom-properties
Accessibilityhttps://ionicframework.com/docs/api/segment#accessibility
Keyboard Interactionshttps://ionicframework.com/docs/api/segment#keyboard-interactions
Interfaceshttps://ionicframework.com/docs/api/segment#interfaces
SegmentChangeEventDetailhttps://ionicframework.com/docs/api/segment#segmentchangeeventdetail
SegmentCustomEventhttps://ionicframework.com/docs/api/segment#segmentcustomevent
Propertieshttps://ionicframework.com/docs/api/segment#properties
colorhttps://ionicframework.com/docs/api/segment#color
disabledhttps://ionicframework.com/docs/api/segment#disabled
modehttps://ionicframework.com/docs/api/segment#mode
scrollablehttps://ionicframework.com/docs/api/segment#scrollable
selectOnFocushttps://ionicframework.com/docs/api/segment#selectonfocus
swipeGesturehttps://ionicframework.com/docs/api/segment#swipegesture
valuehttps://ionicframework.com/docs/api/segment#value
Eventshttps://ionicframework.com/docs/api/segment#events
Methodshttps://ionicframework.com/docs/api/segment#methods
CSS Shadow Partshttps://ionicframework.com/docs/api/segment#css-shadow-parts
CSS Custom Propertieshttps://ionicframework.com/docs/api/segment#css-custom-properties-1
Slotshttps://ionicframework.com/docs/api/segment#slots
Edit this pagehttps://github.com/ionic-team/ionic-docs/tree/main/docs/api/segment.md

Viewport: width=device-width,initial-scale=1

URLs of crawlers that visited me.