mirror of
https://github.com/phranck/TUIkit.git
synced 2026-06-20 09:54:37 +00:00
docs: Update DocC documentation
This commit is contained in:
phranck
@@ -1 +0,0 @@
|
||||
docs-tuikit.layered.work
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
{"sections":[],"identifier":{"url":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildInteractiveMenu","interfaceLanguage":"swift"},"hierarchy":{"paths":[["doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit"]]},"schemaVersion":{"patch":0,"minor":3,"major":0},"kind":"article","abstract":[{"type":"text","text":"Create a navigation menu with keyboard shortcuts and status bar hints."}],"primaryContentSections":[{"kind":"content","content":[{"anchor":"Overview","type":"heading","level":2,"text":"Overview"},{"type":"paragraph","inlineContent":[{"type":"text","text":"In this tutorial, you’ll create a menu-driven application featuring:"}]},{"items":[{"content":[{"inlineContent":[{"type":"codeVoice","code":"Menu"},{"type":"text","text":" component for selection"}],"type":"paragraph"}]},{"content":[{"inlineContent":[{"type":"text","text":"Keyboard shortcut handling"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Status bar with hints"}]}]},{"content":[{"inlineContent":[{"type":"text","text":"Page navigation patterns"}],"type":"paragraph"}]}],"type":"unorderedList"},{"anchor":"Next-Steps","type":"heading","level":2,"text":"Next Steps"},{"type":"paragraph","inlineContent":[{"type":"text","text":"You’ve created an interactive menu-driven application!"}]},{"items":[{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Learn about "},{"type":"reference","isActive":true,"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Focus"},{"type":"text","text":" for advanced focus management"}]}]},{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Explore "},{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement","type":"reference","isActive":true},{"type":"text","text":" for more complex state patterns"}]}]},{"content":[{"inlineContent":[{"text":"Try building a ","type":"text"},{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildThemableUI","isActive":true,"type":"reference"},{"text":" with theme switching","type":"text"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Check out "},{"isActive":true,"type":"reference","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Appearance"},{"type":"text","text":" for custom styling"}]}]}],"type":"unorderedList"}]}],"metadata":{"title":"Building an Interactive Menu","role":"article","roleHeading":"Article"},"references":{"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/StateManagement":{"url":"\/documentation\/tuikit\/statemanagement","type":"topic","role":"article","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement","abstract":[{"type":"text","text":"Learn how to manage application state and data flow in TUIKit."}],"title":"State Management","kind":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Focus":{"role":"article","kind":"article","url":"\/documentation\/tuikit\/focus","title":"Focus Management","abstract":[{"text":"Understand how keyboard navigation and focus works in TUIKit.","type":"text"}],"type":"topic","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Focus"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit":{"url":"\/documentation\/tuikit","type":"topic","role":"collection","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit","abstract":[],"title":"TUIKit","kind":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/BuildThemableUI":{"url":"\/documentation\/tuikit\/buildthemableui","abstract":[{"type":"text","text":"Create an application with dynamic theme switching and persistence."}],"kind":"article","type":"topic","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildThemableUI","role":"article","title":"Building a Themable UI"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Appearance":{"abstract":[{"type":"text","text":"Learn about the 5 structural appearance styles for rendering borders and containers."}],"title":"Appearance System","type":"topic","kind":"article","url":"\/documentation\/tuikit\/appearance","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Appearance","role":"article"}}}
|
||||
{"hierarchy":{"paths":[["doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit"]]},"primaryContentSections":[{"kind":"content","content":[{"anchor":"Overview","type":"heading","level":2,"text":"Overview"},{"inlineContent":[{"type":"text","text":"In this tutorial, you’ll create a menu-driven application featuring:"}],"type":"paragraph"},{"items":[{"content":[{"type":"paragraph","inlineContent":[{"type":"codeVoice","code":"Menu"},{"type":"text","text":" component for selection"}]}]},{"content":[{"inlineContent":[{"type":"text","text":"Keyboard shortcut handling"}],"type":"paragraph"}]},{"content":[{"inlineContent":[{"type":"text","text":"Status bar with hints"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"text":"Page navigation patterns","type":"text"}]}]}],"type":"unorderedList"},{"anchor":"Next-Steps","level":2,"type":"heading","text":"Next Steps"},{"type":"paragraph","inlineContent":[{"text":"You’ve created an interactive menu-driven application!","type":"text"}]},{"items":[{"content":[{"type":"paragraph","inlineContent":[{"text":"Learn about ","type":"text"},{"type":"reference","isActive":true,"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Focus"},{"text":" for advanced focus management","type":"text"}]}]},{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Explore "},{"isActive":true,"type":"reference","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement"},{"type":"text","text":" for more complex state patterns"}]}]},{"content":[{"type":"paragraph","inlineContent":[{"text":"Try building a ","type":"text"},{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildThemableUI","isActive":true,"type":"reference"},{"text":" with theme switching","type":"text"}]}]},{"content":[{"inlineContent":[{"text":"Check out ","type":"text"},{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Appearance","isActive":true,"type":"reference"},{"text":" for custom styling","type":"text"}],"type":"paragraph"}]}],"type":"unorderedList"}]}],"kind":"article","schemaVersion":{"minor":3,"patch":0,"major":0},"identifier":{"interfaceLanguage":"swift","url":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildInteractiveMenu"},"abstract":[{"text":"Create a navigation menu with keyboard shortcuts and status bar hints.","type":"text"}],"metadata":{"roleHeading":"Article","role":"article","title":"Building an Interactive Menu"},"sections":[],"references":{"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Appearance":{"type":"topic","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Appearance","title":"Appearance System","url":"\/documentation\/tuikit\/appearance","kind":"article","abstract":[{"type":"text","text":"Learn about the 5 structural appearance styles for rendering borders and containers."}],"role":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/BuildThemableUI":{"role":"article","title":"Building a Themable UI","abstract":[{"type":"text","text":"Create an application with dynamic theme switching and persistence."}],"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildThemableUI","kind":"article","type":"topic","url":"\/documentation\/tuikit\/buildthemableui"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit":{"abstract":[],"kind":"article","url":"\/documentation\/tuikit","role":"collection","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit","type":"topic","title":"TUIKit"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Focus":{"type":"topic","abstract":[{"type":"text","text":"Understand how keyboard navigation and focus works in TUIKit."}],"title":"Focus Management","role":"article","url":"\/documentation\/tuikit\/focus","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Focus","kind":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/StateManagement":{"type":"topic","kind":"article","title":"State Management","abstract":[{"text":"Learn how to manage application state and data flow in TUIKit.","type":"text"}],"url":"\/documentation\/tuikit\/statemanagement","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement","role":"article"}}}
|
||||
@@ -1 +1 @@
|
||||
{"primaryContentSections":[{"content":[{"level":2,"text":"Overview","anchor":"Overview","type":"heading"},{"inlineContent":[{"type":"text","text":"In this tutorial, you’ll create an app that features:"}],"type":"paragraph"},{"items":[{"content":[{"inlineContent":[{"type":"text","text":"Theme environment integration"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Dynamic theme switching"}]}]},{"content":[{"inlineContent":[{"type":"text","text":"Persisted theme preference"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"text":"Visual theme selection UI","type":"text"}]}]}],"type":"unorderedList"},{"level":2,"text":"Next Steps","anchor":"Next-Steps","type":"heading"},{"inlineContent":[{"text":"Congratulations! You’ve built a fully themed, customizable application.","type":"text"}],"type":"paragraph"},{"items":[{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Learn more about "},{"isActive":true,"type":"reference","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Theming"},{"type":"text","text":" for creating custom themes"}]}]},{"content":[{"inlineContent":[{"text":"Explore ","type":"text"},{"type":"reference","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Appearance","isActive":true},{"text":" for structural styles","type":"text"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"text":"See ","type":"text"},{"isActive":true,"type":"reference","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement"},{"text":" for advanced state patterns","type":"text"}]}]},{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Check the "},{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Architecture","type":"reference","isActive":true},{"type":"text","text":" overview for deeper understanding"}]}]}],"type":"unorderedList"}],"kind":"content"}],"hierarchy":{"paths":[["doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit"]]},"metadata":{"role":"article","title":"Building a Themable UI","roleHeading":"Article"},"schemaVersion":{"major":0,"patch":0,"minor":3},"identifier":{"url":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildThemableUI","interfaceLanguage":"swift"},"sections":[],"abstract":[{"type":"text","text":"Create an application with dynamic theme switching and persistence."}],"kind":"article","references":{"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/StateManagement":{"url":"\/documentation\/tuikit\/statemanagement","type":"topic","role":"article","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement","abstract":[{"type":"text","text":"Learn how to manage application state and data flow in TUIKit."}],"title":"State Management","kind":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit":{"url":"\/documentation\/tuikit","type":"topic","role":"collection","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit","abstract":[],"title":"TUIKit","kind":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Theming":{"url":"\/documentation\/tuikit\/theming","type":"topic","kind":"article","role":"article","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Theming","title":"Theming System","abstract":[{"type":"text","text":"Customize the appearance of your application with TUIKit’s flexible theming system."}]},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Appearance":{"abstract":[{"type":"text","text":"Learn about the 5 structural appearance styles for rendering borders and containers."}],"title":"Appearance System","type":"topic","kind":"article","url":"\/documentation\/tuikit\/appearance","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Appearance","role":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Architecture":{"abstract":[{"text":"Understand the architecture and design patterns that power TUIKit.","type":"text"}],"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Architecture","kind":"article","role":"article","url":"\/documentation\/tuikit\/architecture","title":"Architecture Overview","type":"topic"}}}
|
||||
{"hierarchy":{"paths":[["doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit"]]},"metadata":{"role":"article","roleHeading":"Article","title":"Building a Themable UI"},"schemaVersion":{"minor":3,"major":0,"patch":0},"sections":[],"primaryContentSections":[{"kind":"content","content":[{"text":"Overview","anchor":"Overview","type":"heading","level":2},{"inlineContent":[{"type":"text","text":"In this tutorial, you’ll create an app that features:"}],"type":"paragraph"},{"items":[{"content":[{"inlineContent":[{"text":"Theme environment integration","type":"text"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Dynamic theme switching"}]}]},{"content":[{"inlineContent":[{"text":"Persisted theme preference","type":"text"}],"type":"paragraph"}]},{"content":[{"inlineContent":[{"type":"text","text":"Visual theme selection UI"}],"type":"paragraph"}]}],"type":"unorderedList"},{"text":"Next Steps","anchor":"Next-Steps","type":"heading","level":2},{"inlineContent":[{"type":"text","text":"Congratulations! You’ve built a fully themed, customizable application."}],"type":"paragraph"},{"items":[{"content":[{"inlineContent":[{"type":"text","text":"Learn more about "},{"type":"reference","isActive":true,"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Theming"},{"type":"text","text":" for creating custom themes"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Explore "},{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Appearance","isActive":true,"type":"reference"},{"type":"text","text":" for structural styles"}]}]},{"content":[{"type":"paragraph","inlineContent":[{"text":"See ","type":"text"},{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement","isActive":true,"type":"reference"},{"text":" for advanced state patterns","type":"text"}]}]},{"content":[{"inlineContent":[{"type":"text","text":"Check the "},{"type":"reference","isActive":true,"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Architecture"},{"type":"text","text":" overview for deeper understanding"}],"type":"paragraph"}]}],"type":"unorderedList"}]}],"identifier":{"url":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildThemableUI","interfaceLanguage":"swift"},"kind":"article","abstract":[{"type":"text","text":"Create an application with dynamic theme switching and persistence."}],"references":{"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Appearance":{"type":"topic","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Appearance","title":"Appearance System","url":"\/documentation\/tuikit\/appearance","kind":"article","abstract":[{"type":"text","text":"Learn about the 5 structural appearance styles for rendering borders and containers."}],"role":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Theming":{"abstract":[{"text":"Customize the appearance of your application with TUIKit’s flexible theming system.","type":"text"}],"kind":"article","url":"\/documentation\/tuikit\/theming","role":"article","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Theming","type":"topic","title":"Theming System"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit":{"abstract":[],"kind":"article","url":"\/documentation\/tuikit","role":"collection","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit","type":"topic","title":"TUIKit"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/StateManagement":{"type":"topic","kind":"article","title":"State Management","abstract":[{"text":"Learn how to manage application state and data flow in TUIKit.","type":"text"}],"url":"\/documentation\/tuikit\/statemanagement","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement","role":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Architecture":{"url":"\/documentation\/tuikit\/architecture","kind":"article","abstract":[{"type":"text","text":"Understand the architecture and design patterns that power TUIKit."}],"type":"topic","title":"Architecture Overview","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Architecture","role":"article"}}}
|
||||
@@ -1 +1 @@
|
||||
{"metadata":{"role":"article","title":"Building Your First App","roleHeading":"Article"},"abstract":[{"text":"Create a simple counter application to learn TUIKit basics.","type":"text"}],"schemaVersion":{"patch":0,"major":0,"minor":3},"sections":[],"kind":"article","hierarchy":{"paths":[["doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit"]]},"identifier":{"url":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildYourFirstApp","interfaceLanguage":"swift"},"primaryContentSections":[{"content":[{"level":2,"text":"Overview","anchor":"Overview","type":"heading"},{"inlineContent":[{"text":"In this tutorial, you’ll build a working counter app with increment\/decrement buttons.","type":"text"},{"text":" ","type":"text"},{"text":"This will teach you:","type":"text"}],"type":"paragraph"},{"items":[{"content":[{"type":"paragraph","inlineContent":[{"text":"Creating an app with the ","type":"text"},{"code":"@main","type":"codeVoice"},{"text":" attribute","type":"text"}]}]},{"content":[{"type":"paragraph","inlineContent":[{"text":"Using ","type":"text"},{"code":"VStack","type":"codeVoice"},{"text":" and ","type":"text"},{"code":"HStack","type":"codeVoice"},{"text":" for layout","type":"text"}]}]},{"content":[{"inlineContent":[{"type":"text","text":"Handling button taps with "},{"type":"codeVoice","code":"@State"}],"type":"paragraph"}]},{"content":[{"inlineContent":[{"text":"Running and testing your app","type":"text"}],"type":"paragraph"}]}],"type":"unorderedList"},{"level":2,"text":"Next Steps","anchor":"Next-Steps","type":"heading"},{"inlineContent":[{"text":"Congratulations! You’ve built your first TUIKit app.","type":"text"}],"type":"paragraph"},{"items":[{"content":[{"inlineContent":[{"text":"Learn more about ","type":"text"},{"isActive":true,"type":"reference","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement"},{"text":" for complex state scenarios","type":"text"}],"type":"paragraph"}]},{"content":[{"inlineContent":[{"type":"text","text":"Explore "},{"type":"reference","isActive":true,"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Theming"},{"type":"text","text":" to customize colors"}],"type":"paragraph"}]},{"content":[{"inlineContent":[{"text":"Try building an interactive ","type":"text"},{"isActive":true,"type":"reference","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildInteractiveMenu"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"text":"Check out ","type":"text"},{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Modifiers","isActive":true,"type":"reference"},{"text":" for more styling options","type":"text"}]}]}],"type":"unorderedList"}],"kind":"content"}],"references":{"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/StateManagement":{"url":"\/documentation\/tuikit\/statemanagement","type":"topic","role":"article","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement","abstract":[{"type":"text","text":"Learn how to manage application state and data flow in TUIKit."}],"title":"State Management","kind":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Modifiers":{"role":"article","url":"\/documentation\/tuikit\/modifiers","kind":"article","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Modifiers","abstract":[{"text":"Learn how to use modifiers to customize the appearance and behavior of views.","type":"text"}],"title":"View Modifiers","type":"topic"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/BuildInteractiveMenu":{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildInteractiveMenu","type":"topic","url":"\/documentation\/tuikit\/buildinteractivemenu","title":"Building an Interactive Menu","role":"article","kind":"article","abstract":[{"type":"text","text":"Create a navigation menu with keyboard shortcuts and status bar hints."}]},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit":{"url":"\/documentation\/tuikit","type":"topic","role":"collection","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit","abstract":[],"title":"TUIKit","kind":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Theming":{"url":"\/documentation\/tuikit\/theming","type":"topic","kind":"article","role":"article","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Theming","title":"Theming System","abstract":[{"type":"text","text":"Customize the appearance of your application with TUIKit’s flexible theming system."}]}}}
|
||||
{"metadata":{"role":"article","title":"Building Your First App","roleHeading":"Article"},"schemaVersion":{"minor":3,"patch":0,"major":0},"abstract":[{"type":"text","text":"Create a simple counter application to learn TUIKit basics."}],"sections":[],"identifier":{"url":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildYourFirstApp","interfaceLanguage":"swift"},"primaryContentSections":[{"kind":"content","content":[{"anchor":"Overview","level":2,"text":"Overview","type":"heading"},{"inlineContent":[{"text":"In this tutorial, you’ll build a working counter app with increment\/decrement buttons.","type":"text"},{"text":" ","type":"text"},{"text":"This will teach you:","type":"text"}],"type":"paragraph"},{"items":[{"content":[{"type":"paragraph","inlineContent":[{"type":"text","text":"Creating an app with the "},{"type":"codeVoice","code":"@main"},{"type":"text","text":" attribute"}]}]},{"content":[{"inlineContent":[{"type":"text","text":"Using "},{"type":"codeVoice","code":"VStack"},{"type":"text","text":" and "},{"type":"codeVoice","code":"HStack"},{"type":"text","text":" for layout"}],"type":"paragraph"}]},{"content":[{"inlineContent":[{"text":"Handling button taps with ","type":"text"},{"type":"codeVoice","code":"@State"}],"type":"paragraph"}]},{"content":[{"type":"paragraph","inlineContent":[{"text":"Running and testing your app","type":"text"}]}]}],"type":"unorderedList"},{"anchor":"Next-Steps","level":2,"text":"Next Steps","type":"heading"},{"inlineContent":[{"type":"text","text":"Congratulations! You’ve built your first TUIKit app."}],"type":"paragraph"},{"items":[{"content":[{"type":"paragraph","inlineContent":[{"text":"Learn more about ","type":"text"},{"isActive":true,"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement","type":"reference"},{"text":" for complex state scenarios","type":"text"}]}]},{"content":[{"type":"paragraph","inlineContent":[{"text":"Explore ","type":"text"},{"isActive":true,"type":"reference","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Theming"},{"text":" to customize colors","type":"text"}]}]},{"content":[{"inlineContent":[{"type":"text","text":"Try building an interactive "},{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildInteractiveMenu","type":"reference","isActive":true}],"type":"paragraph"}]},{"content":[{"inlineContent":[{"type":"text","text":"Check out "},{"type":"reference","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Modifiers","isActive":true},{"type":"text","text":" for more styling options"}],"type":"paragraph"}]}],"type":"unorderedList"}]}],"kind":"article","hierarchy":{"paths":[["doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit"]]},"references":{"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Modifiers":{"identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Modifiers","type":"topic","role":"article","kind":"article","title":"View Modifiers","abstract":[{"text":"Learn how to use modifiers to customize the appearance and behavior of views.","type":"text"}],"url":"\/documentation\/tuikit\/modifiers"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/Theming":{"abstract":[{"text":"Customize the appearance of your application with TUIKit’s flexible theming system.","type":"text"}],"kind":"article","url":"\/documentation\/tuikit\/theming","role":"article","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/Theming","type":"topic","title":"Theming System"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit":{"abstract":[],"kind":"article","url":"\/documentation\/tuikit","role":"collection","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit","type":"topic","title":"TUIKit"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/StateManagement":{"type":"topic","kind":"article","title":"State Management","abstract":[{"text":"Learn how to manage application state and data flow in TUIKit.","type":"text"}],"url":"\/documentation\/tuikit\/statemanagement","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/StateManagement","role":"article"},"doc://com.anthropic.tuikit.documentation/documentation/TUIKit/BuildInteractiveMenu":{"title":"Building an Interactive Menu","type":"topic","abstract":[{"text":"Create a navigation menu with keyboard shortcuts and status bar hints.","type":"text"}],"url":"\/documentation\/tuikit\/buildinteractivemenu","kind":"article","identifier":"doc:\/\/com.anthropic.tuikit.documentation\/documentation\/TUIKit\/BuildInteractiveMenu","role":"article"}}}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1
-1
@@ -1 +1 @@
|
||||
{"schemaVersion":{"patch":0,"major":0,"minor":1},"bundleDisplayName":"TUIKit","bundleID":"com.anthropic.tuikit.documentation"}
|
||||
{"bundleDisplayName":"TUIKit","schemaVersion":{"major":0,"patch":0,"minor":1},"bundleID":"com.anthropic.tuikit.documentation"}
|
||||
Reference in New Issue
Block a user