---
title: View styles
framework: swiftui
role: collectionGroup
role_heading: API Collection
path: swiftui/view-styles
---

# View styles

Apply built-in and custom appearances and behaviors to different types of views.

## Overview

Overview SwiftUI defines built-in styles for certain kinds of views and automatically selects the appropriate style for a particular presentation context. For example, a Label might appear as an icon, a string title, or both, depending on factors like the platform, whether the view appears in a toolbar, and so on.

You can override the automatic style by using one of the style view modifiers. These modifiers typically propagate throughout a container view, so that you can wrap a view hierarchy in a style modifier to affect all the views of the given type within the hierarchy. Any of the style protocols that define a makeBody(configuration:) method, like ToggleStyle, also enable you to define custom styles. Create a type that conforms to the corresponding style protocol and implement its makeBody(configuration:) method. Then apply the new style using a style view modifier exactly like a built-in style.

## Topics

### Styling views with Liquid Glass

- [Applying Liquid Glass to custom views](swiftui/applying-liquid-glass-to-custom-views.md)
- [Landmarks: Building an app with Liquid Glass](swiftui/landmarks-building-an-app-with-liquid-glass.md)
- [glassEffect(_:in:)](swiftui/view/glasseffect(_:in:).md)
- [glassEffectID(_:in:)](swiftui/view/glasseffectid(_:in:).md)
- [glassEffectTransition(_:)](swiftui/view/glasseffecttransition(_:).md)
- [glassEffectUnion(id:namespace:)](swiftui/view/glasseffectunion(id:namespace:).md)
- [interactive(_:)](swiftui/glass/interactive(_:).md)
- [GlassEffectContainer](swiftui/glasseffectcontainer.md)
- [GlassEffectTransition](swiftui/glasseffecttransition.md)
- [GlassButtonStyle](swiftui/glassbuttonstyle.md)
- [GlassProminentButtonStyle](swiftui/glassprominentbuttonstyle.md)
- [DefaultGlassEffectShape](swiftui/defaultglasseffectshape.md)

### Styling buttons

- [buttonStyle(_:)](swiftui/view/buttonstyle(_:).md)
- [ButtonStyle](swiftui/buttonstyle.md)
- [ButtonStyleConfiguration](swiftui/buttonstyleconfiguration.md)
- [PrimitiveButtonStyle](swiftui/primitivebuttonstyle.md)
- [PrimitiveButtonStyleConfiguration](swiftui/primitivebuttonstyleconfiguration.md)
- [signInWithAppleButtonStyle(_:)](swiftui/view/signinwithapplebuttonstyle(_:).md)
- [buttonSizing(_:)](swiftui/view/buttonsizing(_:).md)
- [ButtonSizing](swiftui/buttonsizing.md)

### Styling pickers

- [pickerStyle(_:)](swiftui/view/pickerstyle(_:).md)
- [PickerStyle](swiftui/pickerstyle.md)
- [datePickerStyle(_:)](swiftui/view/datepickerstyle(_:).md)
- [DatePickerStyle](swiftui/datepickerstyle.md)

### Styling menus

- [menuStyle(_:)](swiftui/view/menustyle(_:).md)
- [MenuStyle](swiftui/menustyle.md)
- [MenuStyleConfiguration](swiftui/menustyleconfiguration.md)

### Styling toggles

- [toggleStyle(_:)](swiftui/view/togglestyle(_:).md)
- [ToggleStyle](swiftui/togglestyle.md)
- [ToggleStyleConfiguration](swiftui/togglestyleconfiguration.md)

### Styling indicators

- [gaugeStyle(_:)](swiftui/view/gaugestyle(_:).md)
- [GaugeStyle](swiftui/gaugestyle.md)
- [GaugeStyleConfiguration](swiftui/gaugestyleconfiguration.md)
- [progressViewStyle(_:)](swiftui/view/progressviewstyle(_:).md)
- [ProgressViewStyle](swiftui/progressviewstyle.md)
- [ProgressViewStyleConfiguration](swiftui/progressviewstyleconfiguration.md)

### Styling views that display text

- [labelStyle(_:)](swiftui/view/labelstyle(_:).md)
- [LabelStyle](swiftui/labelstyle.md)
- [LabelStyleConfiguration](swiftui/labelstyleconfiguration.md)
- [textFieldStyle(_:)](swiftui/view/textfieldstyle(_:).md)
- [TextFieldStyle](swiftui/textfieldstyle.md)
- [textEditorStyle(_:)](swiftui/view/texteditorstyle(_:).md)
- [TextEditorStyle](swiftui/texteditorstyle.md)
- [TextEditorStyleConfiguration](swiftui/texteditorstyleconfiguration.md)

### Styling collection views

- [listStyle(_:)](swiftui/view/liststyle(_:).md)
- [ListStyle](swiftui/liststyle.md)
- [tableStyle(_:)](swiftui/view/tablestyle(_:).md)
- [TableStyle](swiftui/tablestyle.md)
- [TableStyleConfiguration](swiftui/tablestyleconfiguration.md)
- [disclosureGroupStyle(_:)](swiftui/view/disclosuregroupstyle(_:).md)
- [DisclosureGroupStyle](swiftui/disclosuregroupstyle.md)

### Styling navigation views

- [navigationSplitViewStyle(_:)](swiftui/view/navigationsplitviewstyle(_:).md)
- [NavigationSplitViewStyle](swiftui/navigationsplitviewstyle.md)
- [tabViewStyle(_:)](swiftui/view/tabviewstyle(_:).md)
- [TabViewStyle](swiftui/tabviewstyle.md)

### Styling groups

- [controlGroupStyle(_:)](swiftui/view/controlgroupstyle(_:).md)
- [ControlGroupStyle](swiftui/controlgroupstyle.md)
- [ControlGroupStyleConfiguration](swiftui/controlgroupstyleconfiguration.md)
- [formStyle(_:)](swiftui/view/formstyle(_:).md)
- [FormStyle](swiftui/formstyle.md)
- [FormStyleConfiguration](swiftui/formstyleconfiguration.md)
- [groupBoxStyle(_:)](swiftui/view/groupboxstyle(_:).md)
- [GroupBoxStyle](swiftui/groupboxstyle.md)
- [GroupBoxStyleConfiguration](swiftui/groupboxstyleconfiguration.md)
- [indexViewStyle(_:)](swiftui/view/indexviewstyle(_:).md)
- [IndexViewStyle](swiftui/indexviewstyle.md)
- [labeledContentStyle(_:)](swiftui/view/labeledcontentstyle(_:).md)
- [LabeledContentStyle](swiftui/labeledcontentstyle.md)
- [LabeledContentStyleConfiguration](swiftui/labeledcontentstyleconfiguration.md)

### Styling windows from a view inside the window

- [presentedWindowStyle(_:)](swiftui/view/presentedwindowstyle(_:).md)
- [presentedWindowToolbarStyle(_:)](swiftui/view/presentedwindowtoolbarstyle(_:).md)

### Adding a glass background on views in visionOS

- [glassBackgroundEffect(displayMode:)](swiftui/view/glassbackgroundeffect(displaymode:).md)
- [glassBackgroundEffect(in:displayMode:)](swiftui/view/glassbackgroundeffect(in:displaymode:).md)
- [GlassBackgroundDisplayMode](swiftui/glassbackgrounddisplaymode.md)
- [GlassBackgroundEffect](swiftui/glassbackgroundeffect.md)
- [AutomaticGlassBackgroundEffect](swiftui/automaticglassbackgroundeffect.md)
- [GlassBackgroundEffectConfiguration](swiftui/glassbackgroundeffectconfiguration.md)
- [FeatheredGlassBackgroundEffect](swiftui/featheredglassbackgroundeffect.md)
- [PlateGlassBackgroundEffect](swiftui/plateglassbackgroundeffect.md)

## See Also

### Views

- [View fundamentals](swiftui/view-fundamentals.md)
- [View configuration](swiftui/view-configuration.md)
- [Animations](swiftui/animations.md)
- [Text input and output](swiftui/text-input-and-output.md)
- [Images](swiftui/images.md)
- [Controls and indicators](swiftui/controls-and-indicators.md)
- [Menus and commands](swiftui/menus-and-commands.md)
- [Shapes](swiftui/shapes.md)
- [Drawing and graphics](swiftui/drawing-and-graphics.md)