[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"library-slider":3},{"parentElement":4,"elements":12},{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10,"elements":11},3,"Slider","A control for selecting a value from a bounded linear range of values.","https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fswiftui\u002Fslider",null,"2025-05-28T05:25:36.827Z",[],[13,46,62,86,105,123],{"id":14,"title":15,"code":16,"description":17,"documentationUrl":18,"videoUrl":9,"videoUrlDark":9,"imagePosition":19,"preferredDuoMode":20,"iosVersionMin":21,"ipadosVersionMin":21,"macosVersionMin":21,"watchosVersionMin":21,"tvosVersionMin":9,"visionosVersionMin":21,"parentElementId":5,"subTag":22,"otherTags":23,"published":24,"createdAt":25,"updatedAt":26,"createdById":27,"parentElement":28,"createdBy":29,"imageVariants":32,"hasImageDataIos":45,"hasImageDataIosDark":45,"hasImageDataIosDuo":45,"hasImageDataIosDuoDark":45,"hasImageDataIpados":45,"hasImageDataIpadosDark":45,"hasImageDataMacos":45,"hasImageDataMacosDark":45,"hasImageDataWatchos":45,"hasImageDataWatchosDark":45,"hasImageDataTvos":45,"hasImageDataTvosDark":45,"hasImageDataVisionos":45,"hasImageDataVisionosDark":45,"hasImageDataLiquidGlassIos":24,"hasImageDataLiquidGlassIosDark":24,"hasImageDataLiquidGlassIosDuo":45,"hasImageDataLiquidGlassIosDuoDark":45,"hasImageDataLiquidGlassIpados":45,"hasImageDataLiquidGlassIpadosDark":45,"hasImageDataLiquidGlassMacos":45,"hasImageDataLiquidGlassMacosDark":45,"hasImageDataLiquidGlassWatchos":45,"hasImageDataLiquidGlassWatchosDark":45,"hasImageDataLiquidGlassTvos":45,"hasImageDataLiquidGlassTvosDark":45},133,"SliderTickContentForEach","Slider(value: $percentage) {\n            Text(\"Percentage\")\n        } currentValueLabel: {\n            Text(\"\\(percentage)%\")\n        } ticks: {\n            SliderTickContentForEach(\n                stride(from: 0.0, through: 1.0, by: 0.25).map { $0 },\n                id: \\.self\n            ) { value in\n                SliderTick(value) {\n                    Text(\"value: \\(value * 100)%\")\n                }\n            }\n        }\n        .padding(.horizontal)","A type of slider content that creates content by iterating over a collection.","https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fswiftui\u002Fslidertickcontentforeach","center","landscape-fullyOpen","26.0","initializer","[\"SliderTickContentForEach\"]",true,"2025-12-25T18:54:52.802Z","2025-12-26T07:19:17.462Z",1,{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10},{"id":27,"name":30,"email":31},"Admin User","admin@typogenius.com",[33,42],{"id":34,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":40,"updatedAt":41},379,"ios","single","portrait","default","light","liquid","2026-09-22T10:37:58.842Z",{"id":43,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":40,"updatedAt":41},380,"dark",false,{"id":47,"title":48,"code":49,"description":50,"documentationUrl":51,"videoUrl":9,"videoUrlDark":9,"imagePosition":19,"preferredDuoMode":20,"iosVersionMin":21,"ipadosVersionMin":21,"macosVersionMin":21,"watchosVersionMin":21,"tvosVersionMin":9,"visionosVersionMin":21,"parentElementId":5,"subTag":22,"otherTags":52,"published":24,"createdAt":53,"updatedAt":54,"createdById":27,"parentElement":55,"createdBy":56,"imageVariants":57,"hasImageDataIos":45,"hasImageDataIosDark":45,"hasImageDataIosDuo":45,"hasImageDataIosDuoDark":45,"hasImageDataIpados":45,"hasImageDataIpadosDark":45,"hasImageDataMacos":45,"hasImageDataMacosDark":45,"hasImageDataWatchos":45,"hasImageDataWatchosDark":45,"hasImageDataTvos":45,"hasImageDataTvosDark":45,"hasImageDataVisionos":45,"hasImageDataVisionosDark":45,"hasImageDataLiquidGlassIos":24,"hasImageDataLiquidGlassIosDark":24,"hasImageDataLiquidGlassIosDuo":45,"hasImageDataLiquidGlassIosDuoDark":45,"hasImageDataLiquidGlassIpados":45,"hasImageDataLiquidGlassIpadosDark":45,"hasImageDataLiquidGlassMacos":45,"hasImageDataLiquidGlassMacosDark":45,"hasImageDataLiquidGlassWatchos":45,"hasImageDataLiquidGlassWatchosDark":45,"hasImageDataLiquidGlassTvos":45,"hasImageDataLiquidGlassTvosDark":45},86,"Custom Slider Ticks","@State private var speed = 42.0\n    \nvar body: some View {\n        Slider(value: $speed) {\n            Text(\"Foo\")\n        } ticks: {\n            SliderTick(0.2)\n            SliderTick(0.6)\n            SliderTick(0.8)\n        }\n    }","Creates a slider to select a value from a given range, subject to a step increment, which displays the provided labels and customizable ticks.","https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fswiftui\u002Fslider\u002Finit(value:in:step:neutralvalue:enabledbounds:label:currentvaluelabel:minimumvaluelabel:maximumvaluelabel:tick:oneditingchanged:)","[]","2025-06-10T09:26:41.320Z","2025-12-27T10:04:15.646Z",{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10},{"id":27,"name":30,"email":31},[58,60],{"id":59,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":40,"updatedAt":41},375,{"id":61,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":40,"updatedAt":41},376,{"id":63,"title":64,"code":65,"description":66,"documentationUrl":67,"videoUrl":9,"videoUrlDark":9,"imagePosition":19,"preferredDuoMode":20,"iosVersionMin":68,"ipadosVersionMin":68,"macosVersionMin":69,"watchosVersionMin":70,"tvosVersionMin":9,"visionosVersionMin":71,"parentElementId":5,"subTag":22,"otherTags":52,"published":24,"createdAt":72,"updatedAt":73,"createdById":27,"parentElement":74,"createdBy":75,"imageVariants":76,"hasImageDataIos":24,"hasImageDataIosDark":24,"hasImageDataIosDuo":45,"hasImageDataIosDuoDark":45,"hasImageDataIpados":45,"hasImageDataIpadosDark":45,"hasImageDataMacos":45,"hasImageDataMacosDark":45,"hasImageDataWatchos":45,"hasImageDataWatchosDark":45,"hasImageDataTvos":45,"hasImageDataTvosDark":45,"hasImageDataVisionos":45,"hasImageDataVisionosDark":45,"hasImageDataLiquidGlassIos":24,"hasImageDataLiquidGlassIosDark":24,"hasImageDataLiquidGlassIosDuo":45,"hasImageDataLiquidGlassIosDuoDark":45,"hasImageDataLiquidGlassIpados":45,"hasImageDataLiquidGlassIpadosDark":45,"hasImageDataLiquidGlassMacos":45,"hasImageDataLiquidGlassMacosDark":45,"hasImageDataLiquidGlassWatchos":45,"hasImageDataLiquidGlassWatchosDark":45,"hasImageDataLiquidGlassTvos":45,"hasImageDataLiquidGlassTvosDark":45},51,"Stepped Min Max Label Slider","@State private var speed = 42.0\n@State private var isEditing = false\n\nvar body: some View {\n    Slider(\n        value: $speed,\n        in: 0 ... 100,\n        step: 10 \u002F\u002F optional, by default 1,\n    ) {\n        Text(\"Foo\") \u002F\u002F for accessibility\n    } minimumValueLabel: {\n        Text(\"0\")\n    } maximumValueLabel: {\n        Text(\"100\")\n    } onEditingChanged: { editing in \u002F\u002F optional\n        isEditing = editing\n    }\n}","Creates a slider to select a value from a given range, subject to a step increment, which displays the provided labels","https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fswiftui\u002Fslider\u002Finit(value:in:step:label:minimumvaluelabel:maximumvaluelabel:oneditingchanged:)","13.0","10.15","6.0","1.0","2025-06-04T09:17:25.804Z","2025-12-27T10:53:58.376Z",{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10},{"id":27,"name":30,"email":31},[77,80,82,84],{"id":78,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":79,"updatedAt":41},394,"flat",{"id":81,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":79,"updatedAt":41},395,{"id":83,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":40,"updatedAt":41},396,{"id":85,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":40,"updatedAt":41},397,{"id":87,"title":88,"code":89,"description":90,"documentationUrl":91,"videoUrl":9,"videoUrlDark":9,"imagePosition":19,"preferredDuoMode":20,"iosVersionMin":68,"ipadosVersionMin":68,"macosVersionMin":69,"watchosVersionMin":70,"tvosVersionMin":9,"visionosVersionMin":71,"parentElementId":5,"subTag":22,"otherTags":52,"published":24,"createdAt":92,"updatedAt":93,"createdById":27,"parentElement":94,"createdBy":95,"imageVariants":96,"hasImageDataIos":24,"hasImageDataIosDark":24,"hasImageDataIosDuo":45,"hasImageDataIosDuoDark":45,"hasImageDataIpados":45,"hasImageDataIpadosDark":45,"hasImageDataMacos":45,"hasImageDataMacosDark":45,"hasImageDataWatchos":45,"hasImageDataWatchosDark":45,"hasImageDataTvos":45,"hasImageDataTvosDark":45,"hasImageDataVisionos":45,"hasImageDataVisionosDark":45,"hasImageDataLiquidGlassIos":24,"hasImageDataLiquidGlassIosDark":24,"hasImageDataLiquidGlassIosDuo":45,"hasImageDataLiquidGlassIosDuoDark":45,"hasImageDataLiquidGlassIpados":45,"hasImageDataLiquidGlassIpadosDark":45,"hasImageDataLiquidGlassMacos":45,"hasImageDataLiquidGlassMacosDark":45,"hasImageDataLiquidGlassWatchos":45,"hasImageDataLiquidGlassWatchosDark":45,"hasImageDataLiquidGlassTvos":45,"hasImageDataLiquidGlassTvosDark":45},50,"Stepped Slider","@State private var speed = 40.0\n@State private var isEditing = false\n\nvar body: some View {\n  Slider(\n  value: $speed,\n  in: 0 ... 100,\n  step: 10,\n  label: {\n    Text(\"Foo\") \u002F\u002F for accessibility, enables ticks\n  },\n  onEditingChanged: { editing in\n  isEditing = editing\n}\n)\n}","Creates a slider to select a value from a given range, subject to a step increment","https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fswiftui\u002Fslider\u002Finit(value:in:step:oneditingchanged:)","2025-06-04T08:04:52.636Z","2025-12-27T10:24:40.443Z",{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10},{"id":27,"name":30,"email":31},[97,99,101,103],{"id":98,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":79,"updatedAt":41},271,{"id":100,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":79,"updatedAt":41},272,{"id":102,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":40,"updatedAt":41},273,{"id":104,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":40,"updatedAt":41},274,{"id":106,"title":6,"code":107,"description":108,"documentationUrl":109,"videoUrl":9,"videoUrlDark":9,"imagePosition":19,"preferredDuoMode":20,"iosVersionMin":68,"ipadosVersionMin":68,"macosVersionMin":69,"watchosVersionMin":70,"tvosVersionMin":9,"visionosVersionMin":71,"parentElementId":5,"subTag":22,"otherTags":52,"published":24,"createdAt":110,"updatedAt":111,"createdById":27,"parentElement":112,"createdBy":113,"imageVariants":114,"hasImageDataIos":24,"hasImageDataIosDark":24,"hasImageDataIosDuo":45,"hasImageDataIosDuoDark":45,"hasImageDataIpados":45,"hasImageDataIpadosDark":45,"hasImageDataMacos":45,"hasImageDataMacosDark":45,"hasImageDataWatchos":45,"hasImageDataWatchosDark":45,"hasImageDataTvos":45,"hasImageDataTvosDark":45,"hasImageDataVisionos":45,"hasImageDataVisionosDark":45,"hasImageDataLiquidGlassIos":24,"hasImageDataLiquidGlassIosDark":24,"hasImageDataLiquidGlassIosDuo":45,"hasImageDataLiquidGlassIosDuoDark":45,"hasImageDataLiquidGlassIpados":45,"hasImageDataLiquidGlassIpadosDark":45,"hasImageDataLiquidGlassMacos":45,"hasImageDataLiquidGlassMacosDark":45,"hasImageDataLiquidGlassWatchos":45,"hasImageDataLiquidGlassWatchosDark":45,"hasImageDataLiquidGlassTvos":45,"hasImageDataLiquidGlassTvosDark":45},49,"@State private var speed = 0.42\n\nvar body: some View {\n  Slider(value: $speed)\n}","Creates a slider to select a value from a given range","https:\u002F\u002Fdeveloper.apple.com\u002Fdocumentation\u002Fswiftui\u002Fslider\u002Finit(value:in:oneditingchanged:)","2025-06-04T07:58:35.382Z","2025-12-27T10:15:43.622Z",{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10},{"id":27,"name":30,"email":31},[115,117,119,121],{"id":116,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":79,"updatedAt":41},247,{"id":118,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":79,"updatedAt":41},248,{"id":120,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":40,"updatedAt":41},249,{"id":122,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":40,"updatedAt":41},250,{"id":124,"title":125,"code":126,"description":127,"documentationUrl":8,"videoUrl":9,"videoUrlDark":9,"imagePosition":19,"preferredDuoMode":20,"iosVersionMin":128,"ipadosVersionMin":128,"macosVersionMin":129,"watchosVersionMin":130,"tvosVersionMin":9,"visionosVersionMin":71,"parentElementId":5,"subTag":131,"otherTags":132,"published":24,"createdAt":133,"updatedAt":134,"createdById":27,"parentElement":135,"createdBy":136,"imageVariants":137,"hasImageDataIos":24,"hasImageDataIosDark":24,"hasImageDataIosDuo":45,"hasImageDataIosDuoDark":45,"hasImageDataIpados":45,"hasImageDataIpadosDark":45,"hasImageDataMacos":45,"hasImageDataMacosDark":45,"hasImageDataWatchos":45,"hasImageDataWatchosDark":45,"hasImageDataTvos":45,"hasImageDataTvosDark":45,"hasImageDataVisionos":45,"hasImageDataVisionosDark":45,"hasImageDataLiquidGlassIos":24,"hasImageDataLiquidGlassIosDark":24,"hasImageDataLiquidGlassIosDuo":45,"hasImageDataLiquidGlassIosDuoDark":45,"hasImageDataLiquidGlassIpados":45,"hasImageDataLiquidGlassIpadosDark":45,"hasImageDataLiquidGlassMacos":45,"hasImageDataLiquidGlassMacosDark":45,"hasImageDataLiquidGlassWatchos":45,"hasImageDataLiquidGlassWatchosDark":45,"hasImageDataLiquidGlassTvos":45,"hasImageDataLiquidGlassTvosDark":45},52,"Slider Color","@State private var speed = 42.0\n@State private var isEditing = false\n\nvar body: some View {\n    VStack {\n        Slider(\n            value: $speed,\n            in: 0 ... 100,\n            step: 2 \u002F\u002F optional, by default 1,\n        )\n        Slider(\n            value: $speed,\n            in: 0 ... 100,\n            step: 2 \u002F\u002F optional, by default 1,\n\n        ) {\n            Text(\"Foo\") \u002F\u002F for accessibility\n        } minimumValueLabel: {\n            Text(\"0\")\n        } maximumValueLabel: {\n            Text(\"100\")\n        } onEditingChanged: { editing in\n            isEditing = editing\n        }\n    }\n    .tint(.red)\n}","Customizing the color of the slider","15.0","12.0","8.0","style","[\"tint\"]","2025-06-04T09:54:19.285Z","2025-12-27T17:15:35.657Z",{"id":5,"name":6,"description":7,"documentationUrl":8,"iconName":9,"order":5,"createdAt":10,"updatedAt":10},{"id":27,"name":30,"email":31},[138,140,142,144],{"id":139,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":79,"updatedAt":41},333,{"id":141,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":79,"updatedAt":41},334,{"id":143,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":39,"design":40,"updatedAt":41},335,{"id":145,"platform":35,"device":36,"orientation":37,"posture":38,"appearance":44,"design":40,"updatedAt":41},336]