1. Bars
1.1. Home Indicator
1.1.1. On Dark
1.1.2. On Light
1.2. Navigation Bar
1.2.1. Dark - Default Navigation Bar
1.2.2. Dark - Default Navigation Bar with Search
1.2.3. Dark - Large Navigation Bar
1.2.4. Dark - Large Navigation Bar with Search
1.2.5. Dark - Search
1.2.6. Light - Default Navigation Bar
1.2.7. Light - Default Navigation Bar with Search
1.2.8. Light - Large Navigation
1.2.9. Light - Large Navigation Bar with Search
1.2.10. Light - Search
1.2.11. _
1.2.11.1. Dark
1.2.11.1.1. Left Combinations
1.2.11.1.2. Right Combinations
1.2.11.2. Light
1.2.11.2.1. Left Combinations
1.2.11.2.2. Right Combinations
1.3. Navigation Bar - iPhone X
1.4. Search Bar (on Navigation Bar)
1.4.1. Dark - Field Empty
1.4.2. Dark - Field Focus 1
1.4.3. Dark - Field Focus 2
1.4.4. Light - Field Empty
1.4.5. Light - Field Focus 1
1.4.6. Light - Field Focus 2
1.5. Search Bar
1.5.1. Dark
1.5.2. Light
1.5.3. _Glyphs
1.5.3.1. Clear Glyph - On Light
1.5.3.2. Clear Glyph - On Light (Shape)
1.5.3.3. Dictation Glyph
1.5.3.4. On Dark - Clear Glyph
1.5.3.5. On Dark - Clear Glyph (Shape)
1.5.3.6. On Dark - Search Glyph
1.5.3.7. Search Glyph - On Light
1.6. Status Bar
1.6.1. Status Bar - In Call
1.6.2. Status Bar - Location
1.6.3. Status Bar - On Dark
1.6.4. Status Bar - On Light
1.6.5. Status Bar - Recording
1.7. Status Bar - iPhone X
1.8. Tab Bar
1.8.1. Dark - 2 Tabs
1.8.2. Dark - 3 Tabs
1.8.3. Dark - 4 Tabs
1.8.4. Dark - 5 Tabs
1.8.5. Light - 2 Tabs
1.8.6. Light - 3 Tabs
1.8.7. Light - 4 Tabs
1.8.8. Light - 5 Tabs
1.8.9. _Tab Button
1.8.9.1. Active on Light
1.8.9.2. Inative
1.8.9.3. On Dark - Active
1.9. Tab Bar - iPhone X
1.10. Toolbar
1.10.1. Dark - 2 Glyphs
1.10.2. Dark - 2 Labels
1.10.3. Dark - 3 Glyphs
1.10.4. Dark - 4 Glyphs
1.10.5. Dark - 5 Glyphs
1.10.6. Light - 2 Glyphs
1.10.7. Light - 2 Labels
1.10.8. Light - 3 Glyphs
1.10.9. Light - 4 Glyphs
1.10.10. Light - 5 Glyphs
1.11. Toolbar - iPhone X
2. Controls
2.1. Buttons
2.1.1. Dark - Add
2.1.2. Dark - Info
2.1.3. Dark - Label
2.1.4. Light - Add
2.1.5. Light - Info
2.1.6. Light - Label
2.2. Edit Menu
2.2.1. Dark - Text Selection
2.2.2. Light - Text Selection
2.2.3. Multi Action
2.2.4. Single Action
2.3. Pagination Dots
2.3.1. On Dark - 2 Dots
2.3.2. On Dark - 3 Dots
2.3.3. On Dark - 4 Dots
2.3.4. On Dark - 5 Dots
2.3.5. On Dark - 6 Dots
2.3.6. On Dark - 7 Dots
2.3.7. On Light - 2 Dots
2.3.8. On Light - 3 Dots
2.3.9. On Light - 4 Dots
2.3.10. On Light - 5 Dots
2.3.11. On Light - 6 Dots
2.3.12. On Light - 7 Dots
2.3.13. _
2.3.13.1. On Light - Page Dot
2.3.13.2. On Dark - Page Dot
2.4. Progress Indicator
2.4.1. Dark - Indeterminate Spinner
2.4.2. Dark - Indeterminate Spinner with Label
2.4.3. Dark - Progress Bar
2.4.4. Dark - Toolbar Progress Indicator
2.4.5. Light - Indeterminate Spinner
2.4.6. Light - Indeterminate Spinner with Label
2.4.7. Light - Progress Bar
2.4.8. Light - Toolbar Progress Indicator
2.5. Section Headers
2.5.1. Dark - Default Header
2.5.2. Dark - Grouped Footer
2.5.3. Dark - Grouped Header
2.5.4. Light - Default Header
2.5.5. Light - Grouped Footer
2.5.6. Dark - Grouped Header
2.6. Section Index
2.6.1. Dark
2.6.2. Light
2.7. Segmented Control
2.7.1. On Dark - 2 Buttons
2.7.2. On Dark - 3 Buttons
2.7.3. On Dark - 4 Buttons
2.7.4. On Light - 2 Buttons
2.7.5. On Light - 3 Buttons
2.7.6. On Light - 4 Buttons
2.7.7. _
2.7.7.1. On Dark - Button
2.7.7.2. On Dark - Button Active
2.7.7.3. On Light - Button
2.7.7.4. On Light - Button Active
2.8. Slider
2.8.1. Dark - Glyphs
2.8.2. Dark - No Glyphs
2.8.3. Light - Glyphs
2.8.4. Light - No Glyphs
2.9. TabelViewCell
2.9.1. Dark - Button - Default Center
2.9.2. Dark - Button - Default Left
2.9.3. Dark - Button - Destructive Center
2.9.4. Dark - Button - Destructive Left
2.9.5. Dark - Default
2.9.6. Dark - Default + Action + Delete
2.9.7. Dark - Default +Delete
2.9.8. Dark - Large
2.9.9. Dark - Large + Action + Delete
2.9.10. Dark - Large + Delete
2.9.11. Light - Button - Default Center
2.9.12. Light - Button - Default Left
2.9.13. Light - Button - Destructive Center
2.9.14. Light - Button - Destructive Left
2.9.15. Light - Default
2.9.16. Light - Default + Action + Delete
2.9.17. Light - Default +Delete
2.9.18. Light - Large
2.9.19. Light - Large + Action + Delete
2.9.20. Light - Large + Delete
2.9.21. _
2.9.21.1. Accessory - Left
2.9.21.1.1. Dark
2.9.21.1.2. Light
2.9.21.2. Accessory - Right
2.9.21.2.1. Dark
2.9.21.2.2. Light
2.9.21.3. Borders
2.9.21.3.1. Dark - Edge to Edge
2.9.21.3.2. Dark - Indent 16pt
2.9.21.3.3. Light - Edge to Edge
2.9.21.3.4. Light - Indent 16pt
2.9.21.4. Left Actions
2.9.21.4.1. Checked
2.9.21.4.2. Light - Add
2.9.21.4.3. Light - Remove
2.9.21.4.4. Light - Unchecked
2.9.21.5. Placeholder
2.9.21.6. Slide Action
2.9.21.6.1. Action
2.9.21.6.2. Delete
2.10. Text Field
2.10.1. Dark
2.10.2. Light
2.10.3. _
2.10.3.1. Cursor - Blue
2.10.3.2. Cursor - Orange
3. Glyphs
3.1. Navigation or Toolbar
3.1.1. Placeholder 1
3.1.1.1. On Dark
3.1.1.2. On Light
3.1.2. Placeholder 2
3.1.3. Placeholder 3
3.1.4. Placeholder 4
3.1.5. Placeholder 5
3.1.6. _Size Guide
3.2. Tab Bar Icons
3.2.1. Favorite
3.2.1.1. Active on Light
3.2.1.2. Inactive
3.2.1.3. On Dark - Active
3.2.2. _Size Guide
4. System
4.1. Home Screen Quick Action
4.1.1. 1 Action
4.1.2. 2 Actions
4.1.3. 3 Actions
4.1.4. 4 Actions
4.1.5. _
4.1.5.1. Background
4.1.5.2. Glyph/Favorite
4.1.5.3. Row Icon Left
4.1.5.4. Row Icon Right
4.1.5.5. Row Seperator
4.1.5.6. Title
4.1.5.7. Title + Subtitle Bottom
4.1.5.8. Title + Subtitle Top
4.1.5.9. Title 2 Lines
4.2. Keyboard
4.2.1. Dark - Alphabetic
4.2.2. Dark - Dictation
4.2.3. Dark - Emoji
4.2.4. Dark - Numberic
4.2.5. Dark - Suggestions - Collapsed
4.2.6. Dark - Suggestions - Expanded
4.2.7. Light - Alphabetic
4.2.8. Light - Dictation
4.2.9. Light - Emoji
4.2.10. Light - Numberic
4.2.11. Light - Suggestions - Collapsed
4.2.12. Light - Suggestions - Expanded
4.3. Keyboard - iPhone X
4.4. Notification
4.4.1. Compact
4.4.2. Expanded
4.4.3. Expanded Action
4.4.4. _
4.4.4.1. Border
4.4.4.2. Bottom
4.4.4.3. Middle
4.4.4.4. Single
4.4.4.5. Top
4.5. Widget
5. View
5.1. Action Sheet
5.1.1. 1 Action
5.1.2. 1 Action with Header
5.1.3. 2 Actions
5.1.4. 2 Actions with Header
5.1.5. 3 Actions
5.1.6. 3 Actions with Header
5.1.7. 4 Actions
5.1.8. 4 Actions with Header
5.1.9. _
5.1.9.1. Button
5.1.9.2. Button - Cancel
5.1.9.3. Header
5.1.9.4. Label
5.1.9.4.1. Default
5.1.9.4.2. Destructive
5.1.9.4.3. Disabled
5.1.9.5. Platter Background
5.1.9.5.1. 1 Option
5.1.9.5.2. Bottom
5.1.9.5.3. Middle
5.1.9.5.4. Top
5.2. Action Sheet - iPhone X
5.3. Activity View
5.4. Activity View - iPhone X
5.5. Alerts
5.5.1. Default 1 Line Title
5.5.2. Default 2 Lines Title
5.5.3. Default 3 Options
5.5.4. Text Field
5.5.5. Username & Password
5.5.6. _
5.5.6.1. 1 Action
5.5.6.2. 2 Actions
5.5.6.3. Button - Primary
5.5.6.4. Button - Secondary
5.5.6.5. Destructive Button - Primary
5.5.6.6. Destructive Button - Secondary
6. _
6.1. Dimming Overlay
6.2. Icon Shape
6.3. iMessage App/Layout Guide
6.3.1. 2 Across
6.3.2. 3 Across
6.3.3. 4 Across