S
felipemenezes098
/
swiftui-flx
/
files
Files
Code
Info
Foundation
foundation
Tokens and the default theme every component reads from.
Avatar
ios-avatar
Displays a user's profile picture, with initials as a fallback.
Badge
ios-badge
Displays a small label for status, category, or count.
Button
ios-button
Triggers an action or event, such as submitting a form.
Card
ios-card
A card is a container that can be used to display content in a styled way.
Collapsible
ios-collapsible
Displays content that can be expanded and collapsed.
Field Label
ios-field-label
Pairs a caption with a form control.
Form Field
ios-form-field
Groups a label, control, description, and error message for a form field.
Item
ios-item
Displays a row of content, such as a list entry, notification, or settings row.
Menu
ios-menu
Displays a list of actions or options revealed from a button or custom trigger.
Picker
ios-picker
Displays a dropdown for selecting one value from a set of options.
Progress View
ios-progress-view
Displays progress toward completion of a task, as a bar or a spinner.
Secure Field
ios-secure-field
Displays an obscured text input for passwords and other sensitive text.
Sheet
ios-sheet
Presents content in a sheet over the current view, driven by an item binding.
Slider
ios-slider
Displays a control for selecting a value from a bounded range.
Text Editor
ios-text-editor
Displays a multi-line text input for long-form content.
Text Field
ios-text-field
Displays a single-line text input.
Text Field Group
ios-text-field-group
Wraps a text field in a shared box with optional leading and trailing addons.
Toggle
ios-toggle
Displays a switch for an on/off value.
Avatar
mac-avatar
Displays a user's profile picture, with initials as a fallback.
Badge
mac-badge
Displays a small label for status, category, or count.
Button
mac-button
Triggers an action or event, such as submitting a form.
Card
mac-card
A card is a container that can be used to display content in a styled way.
Collapsible
mac-collapsible
Displays content that can be expanded and collapsed.
Field Label
mac-field-label
Pairs a caption with a form control.
Form Field
mac-form-field
Groups a label, control, description, and error message for a form field.
Item
mac-item
Displays a row of content, such as a list entry, notification, or settings row.
Progress View
mac-progress-view
Displays progress toward completion of a task, as a bar or a spinner.
Secure Field
mac-secure-field
Displays an obscured text input for passwords and other sensitive text.
Sheet
mac-sheet
Presents content in a sheet over the current view, driven by an item binding.
Slider
mac-slider
Displays a control for selecting a value from a bounded range.
Text Editor
mac-text-editor
Displays a multi-line text input for long-form content.
Text Field
mac-text-field
Displays a single-line text input.
Text Field Group
mac-text-field-group
Wraps a text field in a shared box with optional leading and trailing addons.
Toggle
mac-toggle
Displays a checkbox for an on/off value.
Sienna Preset
preset-sienna
Cream paper, burnt-earth ink, and a larger base radius.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Foundation
foundation
Tokens and the default theme every component reads from.
Avatar
ios-avatar
Displays a user's profile picture, with initials as a fallback.
Badge
ios-badge
Displays a small label for status, category, or count.
Button
ios-button
Triggers an action or event, such as submitting a form.
Card
ios-card
A card is a container that can be used to display content in a styled way.
Collapsible
ios-collapsible
Displays content that can be expanded and collapsed.
Field Label
ios-field-label
Pairs a caption with a form control.
Form Field
ios-form-field
Groups a label, control, description, and error message for a form field.
Item
ios-item
Displays a row of content, such as a list entry, notification, or settings row.
Menu
ios-menu
Displays a list of actions or options revealed from a button or custom trigger.
Picker
ios-picker
Displays a dropdown for selecting one value from a set of options.
Progress View
ios-progress-view
Displays progress toward completion of a task, as a bar or a spinner.
Secure Field
ios-secure-field
Displays an obscured text input for passwords and other sensitive text.
Sheet
ios-sheet
Presents content in a sheet over the current view, driven by an item binding.
Slider
ios-slider
Displays a control for selecting a value from a bounded range.
Text Editor
ios-text-editor
Displays a multi-line text input for long-form content.
Text Field
ios-text-field
Displays a single-line text input.
Text Field Group
ios-text-field-group
Wraps a text field in a shared box with optional leading and trailing addons.
Toggle
ios-toggle
Displays a switch for an on/off value.
Avatar
mac-avatar
Displays a user's profile picture, with initials as a fallback.
Badge
mac-badge
Displays a small label for status, category, or count.
Button
mac-button
Triggers an action or event, such as submitting a form.
Card
mac-card
A card is a container that can be used to display content in a styled way.
Collapsible
mac-collapsible
Displays content that can be expanded and collapsed.
Field Label
mac-field-label
Pairs a caption with a form control.
Form Field
mac-form-field
Groups a label, control, description, and error message for a form field.
Item
mac-item
Displays a row of content, such as a list entry, notification, or settings row.
Progress View
mac-progress-view
Displays progress toward completion of a task, as a bar or a spinner.
Secure Field
mac-secure-field
Displays an obscured text input for passwords and other sensitive text.
Sheet
mac-sheet
Presents content in a sheet over the current view, driven by an item binding.
Slider
mac-slider
Displays a control for selecting a value from a bounded range.
Text Editor
mac-text-editor
Displays a multi-line text input for long-form content.
Text Field
mac-text-field
Displays a single-line text input.
Text Field Group
mac-text-field-group
Wraps a text field in a shared box with optional leading and trailing addons.
Toggle
mac-toggle
Displays a checkbox for an on/off value.
Sienna Preset
preset-sienna
Cream paper, burnt-earth ink, and a larger base radius.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information