@gits-id/bottom-sheet v1.0.0-beta.4

GITS UI - Bottom Sheet

Bottom Sheet Component.

Installation

npm

npm i @gits-id/bottom-sheet

yarn

yarn add @gits-id/bottom-sheet

pnpm

pnpm i @gits-id/bottom-sheet

Basic Usage

<script setup lang="ts">
import {ref} from 'vue';
import {BottomSheet, BottomSheetBody} from '@gits-id/bottom-sheet';

const isOpen = ref(false);
</script>

<template>
  <button @click="isOpen = !isOpen">Open Bottom Sheet</button>
  <BottomSheet v-model="isOpen">
    <BottomSheetBody>Hello World!</BottomSheetBody>
  </BottomSheet>
</template>

Documentation

View full documentation here.

License

MIT