Attributes and Meta Tags
﹟ Data Attributes
The following data attributes can be applied to elements to customize Turbo’s behaviour.
data-turbo="false"disables Turbo Drive on links and forms including descendants. To reenable when an ancestor has opted out, use
data-turbo="true". Be careful: when Turbo Drive is disabled, browsers treat link clicks as normal, but native adapters may exit the app.
data-turbo-track="reload"tracks the element’s HTML and performs a full page reload when it changes. Typically used to keep
data-turbo-frameidentifies the Turbo Frame to navigate. Refer to the Frames documentation for further details.
data-turbo-actioncustomizes the Visit action. Valid values are
advance. Can also be used with Turbo Frames to promote frame navigations to page visits.
data-turbo-permanentpersists the element between page loads. The element must have a unique
data-turbo-cache="false"removes the element before the document is cached, preventing it from reappearing on restoration Visits.
scriptelements from being re-evaluated on Visits.
data-turbo-methodchanges the link request type from the default
GET. Ideally, non-
GETrequests should be triggered with forms, but
data-turbo-methodmight be useful where a form is not possible.
data-turbo-confirmpresents a confirm dialog with the given value. Can be used on
formelements or links with
﹟ Automatically Added Attributes
The following attributes are automatically added by Turbo and are useful to determine the Visit state at a given moment.
disabledis added to the form submitter while the form request is in progress, to prevent repeat submissions.
data-turbo-previewis added to the
htmlelement when displaying a preview during a Visit.
aria-busyis added to
turbo-frameelements when a navigation is in progress.
﹟ Meta Tags
meta elements, added to the
head, can be used to customize caching and Visit behavior.