René's URL Explorer Experiment


Title: ion-toggle: Custom Toggle Button for Ionic Applications

Open Graph Title: ion-toggle | Ionic Framework

Description: Toggle changes the state of a single option. Use ion-toggle to create customizable toggle buttons that can be switched on or off for your applications.

Open Graph Description: ion-toggle: Custom Toggle Button for Ionic Applications

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

X: @ionicframework

Generator: Docusaurus v3.7.0

direct link

Domain: staging.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://staging.ionicframework.com/docs/api/toggle#__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://staging.ionicframework.com/docs/
https://staging.ionicframework.com/docs/
Getting Startedhttps://staging.ionicframework.com/docs/components
UI Componentshttps://staging.ionicframework.com/docs/components
Accordionhttps://staging.ionicframework.com/docs/api/accordion
ion-accordionhttps://staging.ionicframework.com/docs/api/accordion
ion-accordion-grouphttps://staging.ionicframework.com/docs/api/accordion-group
Action Sheethttps://staging.ionicframework.com/docs/api/action-sheet
ion-action-sheethttps://staging.ionicframework.com/docs/api/action-sheet
Alerthttps://staging.ionicframework.com/docs/api/alert
ion-alerthttps://staging.ionicframework.com/docs/api/alert
Badgehttps://staging.ionicframework.com/docs/api/badge
ion-badgehttps://staging.ionicframework.com/docs/api/badge
Breadcrumbshttps://staging.ionicframework.com/docs/api/breadcrumb
ion-breadcrumbhttps://staging.ionicframework.com/docs/api/breadcrumb
ion-breadcrumbshttps://staging.ionicframework.com/docs/api/breadcrumbs
Buttonhttps://staging.ionicframework.com/docs/api/button
ion-buttonhttps://staging.ionicframework.com/docs/api/button
ion-ripple-effecthttps://staging.ionicframework.com/docs/api/ripple-effect
Cardhttps://staging.ionicframework.com/docs/api/card
ion-cardhttps://staging.ionicframework.com/docs/api/card
ion-card-contenthttps://staging.ionicframework.com/docs/api/card-content
ion-card-headerhttps://staging.ionicframework.com/docs/api/card-header
ion-card-subtitlehttps://staging.ionicframework.com/docs/api/card-subtitle
ion-card-titlehttps://staging.ionicframework.com/docs/api/card-title
Checkboxhttps://staging.ionicframework.com/docs/api/checkbox
ion-checkboxhttps://staging.ionicframework.com/docs/api/checkbox
Chiphttps://staging.ionicframework.com/docs/api/chip
ion-chiphttps://staging.ionicframework.com/docs/api/chip
Contenthttps://staging.ionicframework.com/docs/api/app
ion-apphttps://staging.ionicframework.com/docs/api/app
ion-contenthttps://staging.ionicframework.com/docs/api/content
Date & Time Pickershttps://staging.ionicframework.com/docs/api/datetime
ion-datetimehttps://staging.ionicframework.com/docs/api/datetime
ion-datetime-buttonhttps://staging.ionicframework.com/docs/api/datetime-button
ion-pickerhttps://staging.ionicframework.com/docs/api/picker
ion-picker-columnhttps://staging.ionicframework.com/docs/api/picker-column
ion-picker-column-optionhttps://staging.ionicframework.com/docs/api/picker-column-option
ion-picker-legacyhttps://staging.ionicframework.com/docs/api/picker-legacy
Floating Action Buttonhttps://staging.ionicframework.com/docs/api/fab
ion-fabhttps://staging.ionicframework.com/docs/api/fab
ion-fab-buttonhttps://staging.ionicframework.com/docs/api/fab-button
ion-fab-listhttps://staging.ionicframework.com/docs/api/fab-list
Gridhttps://staging.ionicframework.com/docs/api/grid
ion-gridhttps://staging.ionicframework.com/docs/api/grid
ion-colhttps://staging.ionicframework.com/docs/api/col
ion-rowhttps://staging.ionicframework.com/docs/api/row
Iconshttps://staging.ionicframework.com/docs/api/icon
ion-iconhttps://staging.ionicframework.com/docs/api/icon
Infinite Scrollhttps://staging.ionicframework.com/docs/api/infinite-scroll
ion-infinite-scrollhttps://staging.ionicframework.com/docs/api/infinite-scroll
ion-infinite-scroll-contenthttps://staging.ionicframework.com/docs/api/infinite-scroll-content
Inputshttps://staging.ionicframework.com/docs/api/input
ion-inputhttps://staging.ionicframework.com/docs/api/input
ion-input-password-togglehttps://staging.ionicframework.com/docs/api/input-password-toggle
ion-input-otphttps://staging.ionicframework.com/docs/api/input-otp
ion-textareahttps://staging.ionicframework.com/docs/api/textarea
Itemhttps://staging.ionicframework.com/docs/api/item
ion-itemhttps://staging.ionicframework.com/docs/api/item
ion-item-dividerhttps://staging.ionicframework.com/docs/api/item-divider
ion-item-grouphttps://staging.ionicframework.com/docs/api/item-group
ion-item-slidinghttps://staging.ionicframework.com/docs/api/item-sliding
ion-item-optionshttps://staging.ionicframework.com/docs/api/item-options
ion-item-optionhttps://staging.ionicframework.com/docs/api/item-option
ion-labelhttps://staging.ionicframework.com/docs/api/label
ion-notehttps://staging.ionicframework.com/docs/api/note
Listhttps://staging.ionicframework.com/docs/api/list
ion-listhttps://staging.ionicframework.com/docs/api/list
ion-list-headerhttps://staging.ionicframework.com/docs/api/list-header
Mediahttps://staging.ionicframework.com/docs/api/avatar
ion-avatarhttps://staging.ionicframework.com/docs/api/avatar
ion-iconhttps://staging.ionicframework.com/docs/api/icon
ion-imghttps://staging.ionicframework.com/docs/api/img
ion-thumbnailhttps://staging.ionicframework.com/docs/api/thumbnail
Menuhttps://staging.ionicframework.com/docs/api/menu
ion-menuhttps://staging.ionicframework.com/docs/api/menu
ion-menu-buttonhttps://staging.ionicframework.com/docs/api/menu-button
ion-menu-togglehttps://staging.ionicframework.com/docs/api/menu-toggle
ion-split-panehttps://staging.ionicframework.com/docs/api/split-pane
Modalhttps://staging.ionicframework.com/docs/api/modal
ion-modalhttps://staging.ionicframework.com/docs/api/modal
ion-backdrophttps://staging.ionicframework.com/docs/api/backdrop
Navigationhttps://staging.ionicframework.com/docs/api/nav
ion-navhttps://staging.ionicframework.com/docs/api/nav
ion-nav-linkhttps://staging.ionicframework.com/docs/api/nav-link
Popoverhttps://staging.ionicframework.com/docs/api/popover
ion-popoverhttps://staging.ionicframework.com/docs/api/popover
Progress Indicatorshttps://staging.ionicframework.com/docs/api/loading
ion-loadinghttps://staging.ionicframework.com/docs/api/loading
ion-progress-barhttps://staging.ionicframework.com/docs/api/progress-bar
ion-skeleton-texthttps://staging.ionicframework.com/docs/api/skeleton-text
ion-spinnerhttps://staging.ionicframework.com/docs/api/spinner
Radiohttps://staging.ionicframework.com/docs/api/radio
ion-radiohttps://staging.ionicframework.com/docs/api/radio
ion-radio-grouphttps://staging.ionicframework.com/docs/api/radio-group
Rangehttps://staging.ionicframework.com/docs/api/range
ion-rangehttps://staging.ionicframework.com/docs/api/range
Refresherhttps://staging.ionicframework.com/docs/api/refresher
ion-refresherhttps://staging.ionicframework.com/docs/api/refresher
ion-refresher-contenthttps://staging.ionicframework.com/docs/api/refresher-content
Reorderhttps://staging.ionicframework.com/docs/api/reorder
ion-reorderhttps://staging.ionicframework.com/docs/api/reorder
ion-reorder-grouphttps://staging.ionicframework.com/docs/api/reorder-group
Routinghttps://staging.ionicframework.com/docs/api/router
ion-routerhttps://staging.ionicframework.com/docs/api/router
ion-router-linkhttps://staging.ionicframework.com/docs/api/router-link
ion-router-outlethttps://staging.ionicframework.com/docs/api/router-outlet
ion-routehttps://staging.ionicframework.com/docs/api/route
ion-route-redirecthttps://staging.ionicframework.com/docs/api/route-redirect
Searchbarhttps://staging.ionicframework.com/docs/api/searchbar
ion-searchbarhttps://staging.ionicframework.com/docs/api/searchbar
Segmenthttps://staging.ionicframework.com/docs/api/segment
ion-segmenthttps://staging.ionicframework.com/docs/api/segment
ion-segment-buttonhttps://staging.ionicframework.com/docs/api/segment-button
ion-segment-contenthttps://staging.ionicframework.com/docs/api/segment-content
ion-segment-viewhttps://staging.ionicframework.com/docs/api/segment-view
Selecthttps://staging.ionicframework.com/docs/api/select
ion-selecthttps://staging.ionicframework.com/docs/api/select
ion-select-optionhttps://staging.ionicframework.com/docs/api/select-option
Tabshttps://staging.ionicframework.com/docs/api/tabs
ion-tabshttps://staging.ionicframework.com/docs/api/tabs
ion-tabhttps://staging.ionicframework.com/docs/api/tab
ion-tab-barhttps://staging.ionicframework.com/docs/api/tab-bar
ion-tab-buttonhttps://staging.ionicframework.com/docs/api/tab-button
Toasthttps://staging.ionicframework.com/docs/api/toast
ion-toasthttps://staging.ionicframework.com/docs/api/toast
Togglehttps://staging.ionicframework.com/docs/api/toggle
ion-togglehttps://staging.ionicframework.com/docs/api/toggle
Toolbarhttps://staging.ionicframework.com/docs/api/toolbar
ion-toolbarhttps://staging.ionicframework.com/docs/api/toolbar
ion-headerhttps://staging.ionicframework.com/docs/api/header
ion-footerhttps://staging.ionicframework.com/docs/api/footer
ion-titlehttps://staging.ionicframework.com/docs/api/title
ion-buttonshttps://staging.ionicframework.com/docs/api/buttons
ion-back-buttonhttps://staging.ionicframework.com/docs/api/back-button
Typographyhttps://staging.ionicframework.com/docs/api/text
ion-texthttps://staging.ionicframework.com/docs/api/text
Resourceshttps://staging.ionicframework.com/docs/api
API Indexhttps://staging.ionicframework.com/docs/api
https://staging.ionicframework.com/docs/
Guidehttps://staging.ionicframework.com/docs/
Componentshttps://staging.ionicframework.com/docs/components
CLIhttps://staging.ionicframework.com/docs/cli
Nativehttps://staging.ionicframework.com/docs/native
Ionic v8.0.0 Upgrade Guidehttps://staging.ionicframework.com/docs/updating/8-0
v8https://staging.ionicframework.com/docs/api/toggle
v8https://staging.ionicframework.com/docs/api/toggle
v7https://staging.ionicframework.com/docs/v7/api/toggle
v6https://ionic-docs-lq0if04rc-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://staging.ionicframework.com/docs/api/toggle
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://staging.ionicframework.com/docs/api/toggle
Help Centerhttps://ionicframework.com/support
Customer Supporthttps://ionic.zendesk.com/
Enterprise Advisoryhttps://ionicframework.com/advisory
Englishhttps://staging.ionicframework.com/docs/api/toggle
Englishhttps://staging.ionicframework.com/docs/api/toggle
日本語https://staging.ionicframework.com/docs/ja/api/toggle
Translatehttps://ionicframework.com/translate
https://twitter.com/Ionicframework
https://ionic.link/discord
https://github.com/ionic-team/ionic-framework
shadowhttps://staging.ionicframework.com/docs/reference/glossary#shadow
​https://staging.ionicframework.com/docs/api/toggle#basic-usage
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#on--off-labels
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#toggles-in-a-list
Itemhttps://staging.ionicframework.com/docs/api/item
Listhttps://staging.ionicframework.com/docs/api/list
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#label-placement
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#alignment
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#justification
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#helper--error-text
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#theming
​https://staging.ionicframework.com/docs/api/toggle#colors
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#css-custom-properties
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#css-shadow-parts
https://github.com/ionic-team/ionic-docs/issues/new/choose
​https://staging.ionicframework.com/docs/api/toggle#interfaces
​https://staging.ionicframework.com/docs/api/toggle#togglechangeeventdetail
​https://staging.ionicframework.com/docs/api/toggle#togglecustomevent
​https://staging.ionicframework.com/docs/api/toggle#properties
​https://staging.ionicframework.com/docs/api/toggle#prop-alignment
​https://staging.ionicframework.com/docs/api/toggle#prop-checked
​https://staging.ionicframework.com/docs/api/toggle#prop-color
theminghttps://staging.ionicframework.com/docs/theming/basics
​https://staging.ionicframework.com/docs/api/toggle#prop-disabled
​https://staging.ionicframework.com/docs/api/toggle#prop-enable-on-off-labels
​https://staging.ionicframework.com/docs/api/toggle#prop-error-text
​https://staging.ionicframework.com/docs/api/toggle#prop-helper-text
​https://staging.ionicframework.com/docs/api/toggle#prop-justify
​https://staging.ionicframework.com/docs/api/toggle#prop-label-placement
​https://staging.ionicframework.com/docs/api/toggle#prop-mode
virtual propertyhttps://staging.ionicframework.com/docs/core-concepts/fundamentals#virtual-properties
​https://staging.ionicframework.com/docs/api/toggle#prop-name
​https://staging.ionicframework.com/docs/api/toggle#prop-required
​https://staging.ionicframework.com/docs/api/toggle#prop-value
​https://staging.ionicframework.com/docs/api/toggle#events
​https://staging.ionicframework.com/docs/api/toggle#methods
​https://staging.ionicframework.com/docs/api/toggle#css-shadow-parts-1
​https://staging.ionicframework.com/docs/api/toggle#css-custom-properties-1
​https://staging.ionicframework.com/docs/api/toggle#slots
Edit this pagehttps://github.com/ionic-team/ionic-docs/tree/main/docs/api/toggle.md
Previousion-toasthttps://staging.ionicframework.com/docs/api/toast
Nextion-toolbarhttps://staging.ionicframework.com/docs/api/toolbar
Basic Usagehttps://staging.ionicframework.com/docs/api/toggle#basic-usage
On / Off Labelshttps://staging.ionicframework.com/docs/api/toggle#on--off-labels
Toggles in a Listhttps://staging.ionicframework.com/docs/api/toggle#toggles-in-a-list
Label Placementhttps://staging.ionicframework.com/docs/api/toggle#label-placement
Alignmenthttps://staging.ionicframework.com/docs/api/toggle#alignment
Justificationhttps://staging.ionicframework.com/docs/api/toggle#justification
Helper & Error Texthttps://staging.ionicframework.com/docs/api/toggle#helper--error-text
Theminghttps://staging.ionicframework.com/docs/api/toggle#theming
Colorshttps://staging.ionicframework.com/docs/api/toggle#colors
CSS Custom Propertieshttps://staging.ionicframework.com/docs/api/toggle#css-custom-properties
CSS Shadow Partshttps://staging.ionicframework.com/docs/api/toggle#css-shadow-parts
Interfaceshttps://staging.ionicframework.com/docs/api/toggle#interfaces
ToggleChangeEventDetailhttps://staging.ionicframework.com/docs/api/toggle#togglechangeeventdetail
ToggleCustomEventhttps://staging.ionicframework.com/docs/api/toggle#togglecustomevent
Propertieshttps://staging.ionicframework.com/docs/api/toggle#properties
alignmenthttps://staging.ionicframework.com/docs/api/toggle#prop-alignment
checkedhttps://staging.ionicframework.com/docs/api/toggle#prop-checked
colorhttps://staging.ionicframework.com/docs/api/toggle#prop-color
disabledhttps://staging.ionicframework.com/docs/api/toggle#prop-disabled
enableOnOffLabelshttps://staging.ionicframework.com/docs/api/toggle#prop-enable-on-off-labels
errorTexthttps://staging.ionicframework.com/docs/api/toggle#prop-error-text
helperTexthttps://staging.ionicframework.com/docs/api/toggle#prop-helper-text
justifyhttps://staging.ionicframework.com/docs/api/toggle#prop-justify
labelPlacementhttps://staging.ionicframework.com/docs/api/toggle#prop-label-placement
modehttps://staging.ionicframework.com/docs/api/toggle#prop-mode
namehttps://staging.ionicframework.com/docs/api/toggle#prop-name
requiredhttps://staging.ionicframework.com/docs/api/toggle#prop-required
valuehttps://staging.ionicframework.com/docs/api/toggle#prop-value
Eventshttps://staging.ionicframework.com/docs/api/toggle#events
Methodshttps://staging.ionicframework.com/docs/api/toggle#methods
CSS Shadow Partshttps://staging.ionicframework.com/docs/api/toggle#css-shadow-parts-1
CSS Custom Propertieshttps://staging.ionicframework.com/docs/api/toggle#css-custom-properties-1
Slotshttps://staging.ionicframework.com/docs/api/toggle#slots
Edit this pagehttps://github.com/ionic-team/ionic-docs/tree/main/docs/api/toggle.md

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

URLs of crawlers that visited me.