# nativescript-nbmaterial-bottomsheet

> A nativescript implementation of material bottom sheet (with animation). For iOS and Android.

Latest version **1.0.0** (published 2018-02-24) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install nativescript-nbmaterial-bottomsheet
pnpm add nativescript-nbmaterial-bottomsheet
yarn add nativescript-nbmaterial-bottomsheet
bun add nativescript-nbmaterial-bottomsheet
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-02-24 |
| First published | 2018-02-24 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 19.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Nabil Mansouri |
| Maintainers | nabil_mansouri |
| Keywords | NativeScript, JavaScript, Android, iOS |

## Links

- npm: https://www.npmjs.com/package/nativescript-nbmaterial-bottomsheet
- Homepage: https://github.com/nabil-mansouri/nativescript-nbmaterial/
- Issues: https://github.com/nabil-mansouri/nativescript-nbmaterial/issues
- npm.io page: https://npm.io/package/nativescript-nbmaterial-bottomsheet

## Dependencies (3)

- [nativescript-nbmaterial-commons](https://npm.io/package/nativescript-nbmaterial-commons.md) ^1.0.0
- [nativescript-nbmaterial-layouts](https://npm.io/package/nativescript-nbmaterial-layouts.md) ^1.0.0
- [nativescript-nbmaterial-elevation](https://npm.io/package/nativescript-nbmaterial-elevation.md) ^1.0.0

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2018-02-24

## README

# Nativescript implementation of the Material Bottom Sheet

The module implement Bottom Sheet Layout on both iOS and Android.  
There is an animation effect on open and on close.

```typescript 
bottomSheet = page.getViewById("bottomsheet");
export function showBS() { 
    bottomSheet.show();
}
export function hideBS() {
    bottomSheet.hide();
}
```
 

```xml 
<Page xmlns="http://schemas.nativescript.org/tns.xsd" 
xmlns:bnav="nativescript-nbmaterial-bottomnav">
	<bs:BottomSheetModal id="bottomsheet">
			<bs:BottomSheetModal.template>
				<GridLayout rows="auto" columns="auto">
					<StackLayout>
						<Label text="Ready?" textWrap="true" />
						<Label text="Steady?" textWrap="true" />
						<Label text="Go!" textWrap="true" />
						<Label text="Cool" textWrap="true" />
						<Button text="HIDE BS" tap="hideBS" class="btn btn-primary btn-active"/> 
					</StackLayout>
				</GridLayout>
			</bs:BottomSheetModal.template>
		</bs:BottomSheetModal>
</Page>

}
```


[See all modules here](https://github.com/nabil-mansouri/nativescript-nbmaterial)

---
_Source: https://npm.io/package/nativescript-nbmaterial-bottomsheet · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._