All Projects → weitieda → Bottom Sheet

weitieda / Bottom Sheet

Licence: mit
⬆️ A SwiftUI view component sliding in from bottom

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to Bottom Sheet

Cardsstack
An awesome set of cards at your disposal ✌️ ⚡️
Stars: ✭ 97 (-61.51%)
Mutual labels:  drag, card
Androidpilelayout
An abnormal horizontal ListView-like pile layout with stretch and contraction effects.
Stars: ✭ 2,104 (+734.92%)
Mutual labels:  drag, card
react-native-dnd-board
A drag and drop Kanban board for React Native.
Stars: ✭ 41 (-83.73%)
Mutual labels:  card, drag
YoutubeVideoSample
YoutubeVideoSample
Stars: ✭ 176 (-30.16%)
Mutual labels:  drag
product-card-design
Responsive product card
Stars: ✭ 47 (-81.35%)
Mutual labels:  card
tesla-style-solar-power-card
Home assistant power card mimicking the one tesla provides for the powerwall app.
Stars: ✭ 103 (-59.13%)
Mutual labels:  card
Spotify-Cards-API
🚀 Unofficial Spotify PromoCards API
Stars: ✭ 13 (-94.84%)
Mutual labels:  card
card-validator
Card validation helpers for payment forms.
Stars: ✭ 22 (-91.27%)
Mutual labels:  card
image-uploader
Simple Drag & Drop image uploader plugin to static forms, without using AJAX
Stars: ✭ 70 (-72.22%)
Mutual labels:  drag
subjx
Drag/Resize/Rotate Javascript library
Stars: ✭ 155 (-38.49%)
Mutual labels:  drag
jOrgChart
Here more functionality of jquery orgchart with json support
Stars: ✭ 29 (-88.49%)
Mutual labels:  drag
Blazor.Diagrams
A fully customizable and extensible all-purpose diagrams library for Blazor
Stars: ✭ 327 (+29.76%)
Mutual labels:  drag
SBCardPopup
Card Popup UI for iOS
Stars: ✭ 66 (-73.81%)
Mutual labels:  card
ember-cli-dropzonejs
Drag and drop file uploader addon using dropzonejs
Stars: ✭ 32 (-87.3%)
Mutual labels:  drag
DragDemo
需求解决系列一之移动卡片实现答题功能,移动卡片插入到题干之中完成答题
Stars: ✭ 63 (-75%)
Mutual labels:  drag
react-native-imaged-carousel-card
Fully customizable & Lovely Imaged Carousel Card for React Native
Stars: ✭ 70 (-72.22%)
Mutual labels:  card
yii2-forms
Forms CRUD - formbuilder, generator code
Stars: ✭ 32 (-87.3%)
Mutual labels:  drag
vue-smart-widget
🗃️Smart widget is a flexible and extensible content container component for Vue2.x / Vue3.x in Next branch.
Stars: ✭ 110 (-56.35%)
Mutual labels:  card
dragView
网页可视化拖拽布局
Stars: ✭ 38 (-84.92%)
Mutual labels:  drag
react-native-shadow-cards
Cards are a great way to display information, usually containing content and actions about a single subject. Cards can contain images, buttons, text and more.
Stars: ✭ 42 (-83.33%)
Mutual labels:  card

SwiftUI BottomSheet

GitHub tag (latest SemVer) License

preview preview

Requirements

iOS 13+

Swift 5.0

Usage

Same way as you use Sheet in SwiftUI

NavigationView {
    List(0..<20) {
        Text("\($0)")
    }.listStyle(PlainListStyle())
    .bottomSheet(isPresented: $isPresented, height: 300) {
        List(20..<40) { Text("\($0)") }.listStyle(PlainListStyle())
    }
    .navigationBarTitle("Bottom Sheet")
    .navigationBarItems(
        trailing: Button(action: { self.isPresented = true }) {
            Text("Show")
        }
    )
}

Example

Both demo preview code are available in example project.

To run the example project, clone this repo, and open iOS Example.xcworkspace from the iOS Example directory.

Installation

Swift Package Manager

To install BottomSheet using Swift Package Manager, add .package(name: "BottomSheet", url: "https://github.com/weitieda/bottom-sheet", from: "1.0.0")," to your Package.swift, then follow the integration tutorial here.

CocoaPods

To install BottomSheet using CocoaPods, add pod 'BottomSheet', :git => 'https://github.com/weitieda/bottom-sheet.git' to your Podfile, then follow the integration tutorial here.

Author

Tieda Wei

License

BottomSheet is available under the MIT license. See the LICENSE file for more information.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].