S
suiss/ui
Action Baraction-barA row of menus that renders as a menubar on desktop and a single More actions sheet on mobile.
Action Menuaction-menuA list of actions that opens as a dropdown menu on desktop and an action sheet on mobile.
App Shellapp-shellAn application frame with a collapsible sidebar on desktop and a floating tab bar on mobile.
Command Palettecommand-paletteA searchable command menu that opens in a dialog on desktop and a drawer on mobile.
ConfirmA confirmation prompt that opens as an alert dialog on desktop and an action sheet on mobile.
Context Actionscontext-actionsActions for an element that open as a context menu on right click, or an action sheet on long press on mobile.
Date Pickerdate-pickerA date field that opens a calendar popover on desktop and wheel pickers in a drawer on mobile.
FlyoutA non-modal panel anchored to a trigger on desktop that becomes a bottom drawer on mobile.
IslandA floating pill at the top of the screen that shows live activities and brief notifications, like the Dynamic Island.
ModalA modal window that opens as a centered dialog on desktop and a bottom drawer on mobile.
NavbarA site header that renders a navigation menu on wide screens and a fullscreen menu when space runs out.
OTP Autofillotp-autofillA one-time code field that offers an incoming code, fills it digit by digit, and verifies it automatically.
Paged Listpaged-listA list that pages through items with numbered pagination on desktop and a Load more button on mobile.
PanelA side panel that renders as a Sheet on desktop and a swipeable Drawer on mobile.
PickerA single-choice picker that renders a custom Select on desktop and a native select on mobile.
PreviewA link preview that shows a hover card on desktop and a drawer on mobile.
Preview Menupreview-menuA context menu that lifts the pressed item into an enlarged preview above its actions, like iOS context menus.
Pull to Refreshpull-to-refreshA scroll container that refreshes its content when the user pulls down from the top.
Search Pickersearch-pickerA searchable single-choice picker that renders a Combobox on desktop and a search drawer on mobile.
Search Revealsearch-revealA scrolling list with a search field tucked above it that appears when the user scrolls up.
Section Indexsection-indexAn A to Z index bar for jumping between sections of a long list by tapping, dragging, or typing.
Segment Pickersegment-pickerA segmented control for one exclusive choice that becomes a native select on mobile.
Selection Listselection-listA list with an edit mode for selecting multiple rows and acting on them from a floating toolbar.
Split Viewsplit-viewA two- or three-column sidebar, list and detail layout that becomes a push navigation stack on mobile.
StepperA numeric field with minus and plus buttons that step the value, accelerating while held.
Swipe Actionsswipe-actionsA list row that reveals action buttons when swiped sideways, with optional full swipe to run an action.
Table Listtable-listTabular data that renders as a table on desktop and a grouped list on mobile.
TipA dismissible feature tip shown inline or as a popover, remembered once dismissed and sequenced in groups.
TrailA navigation trail that shows breadcrumbs on desktop and a back link with history on mobile.
Undo Barundo-barA floating bar that offers to undo the last action for a few seconds before committing it.