GithubHelp home page GithubHelp logo

draggablescaffold's Introduction

DraggableScaffold

DraggableScaffold is a library that helps stack one composable on top of another so it can be dragged to reveal the content under it.

Demo

To see the code for the examples in the gif you can check here.

Basic use

DraggableScaffold(
  contentUnderRight = { Text(text = "Hello 馃槂", Modifier.padding(4.dp)) },
  contentOnTop = {
    Card(
      modifier = Modifier.padding(4.dp).fillMaxWidth(),
      elevation = 4.dp
     { Text(text = "Drag this to show content on the right", Modifier.padding(16.dp)) }
  }
)

Adding to your porject

1 - Add it in your root build.gradle at the end of repositories:

allprojects {
    repositories {
      ...
      maven { url 'https://jitpack.io' }
      ...
  }
}

2 - Add the dependency:

dependencies {
  ...
  implementation "com.github.Tgo1014:DraggableScaffold:1.3.0"
  ...
}

draggablescaffold's People

Contributors

levinzonr avatar tgo1014 avatar

Stargazers

 avatar Ali Rahimpour avatar Luis avatar Ayhan 脺nal avatar Norbert S谩ndor avatar Casey Brooks avatar  avatar Virender Srxn avatar Randhir Kumar Gupta avatar Tobias Preuss avatar Andrey Bolduzev avatar  avatar  avatar Litrik De Roy avatar Phong Hu峄硁h avatar lee avatar Hyeonseok Kang avatar  avatar Indrajit Chakrabarty avatar H茅ctor de Isidro avatar Olivier PEREZ avatar Egemen 脰ZOGUL avatar Guilherme Delgado avatar Naimul Kabir avatar  avatar Orlando Novas Rodriguez avatar  avatar  avatar runo280 avatar san avatar Cristian G贸mez avatar Hachemi Hamadi avatar Lucas Sales avatar Thais Brasil Lenhard avatar Tiago Taraczuk avatar Cemal avatar  avatar Andranik Azizbekyan avatar Micro路J avatar Andy Barber avatar BHawk  avatar  avatar Georgi Eftimov avatar  avatar ArthurKun avatar hyl87 avatar Andy Bao avatar danjan avatar Ali Moezzi avatar  avatar Bruno Mattoso avatar  avatar R avatar Nicholas Doglio avatar ZUNJAE avatar Fran avatar Jon Amireh avatar Riley Moses avatar

Watchers

James Cloos avatar  avatar Tommy avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    馃枛 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 馃搳馃搱馃帀

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google 鉂わ笍 Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.