# Patterns

10 patterns, each copied into your project with the CLI.

Source: https://uim.suiss.app/docs/patterns

- [Action Bar](https://uim.suiss.app/docs/patterns/action-bar): A More actions button that lists several menus in a drawer and opens the chosen menu's items in an alert sheet.
- [Confirm](https://uim.suiss.app/docs/patterns/confirm): A bottom alert sheet that asks the user to confirm or cancel an action.
- [Context Actions](https://uim.suiss.app/docs/patterns/context-actions): Long press an element to open a bottom alert sheet with actions for it.
- [Date Picker](https://uim.suiss.app/docs/patterns/date-picker): A date field that opens a drawer with day, month and year wheels ordered for the locale.
- [Paged List](https://uim.suiss.app/docs/patterns/paged-list): A FlatList that shows items one page at a time and loads the next page on scroll or with a button.
- [Picker](https://uim.suiss.app/docs/patterns/picker): A select field that opens a list of options anchored below it, with optional groups and separators.
- [Preview](https://uim.suiss.app/docs/patterns/preview): A link-styled trigger that opens a floating drawer with a quick preview, such as a profile card.
- [Search Picker](https://uim.suiss.app/docs/patterns/search-picker): A select field that opens a drawer with a search box and a filtered, optionally grouped list of options.
- [Split View](https://uim.suiss.app/docs/patterns/split-view): Sidebar, list and detail columns side by side on wide screens, shown one at a time with back navigation on phones.
- [Table List](https://uim.suiss.app/docs/patterns/table-list): Turns table-style rows and columns into a grouped list of rows with a title, description and trailing values.