1.14.5 • Published 2 years ago
@happyfresh/bottom-sheet v1.14.5
BottomSheet
A React component that is a BottomSheet. New version will be featured with header in bottomsheet
Installation
yarn add @happyfresh/bottom-sheet
Usage
import React, { useState } from 'react';
import { BottomSheet } from '@happyfresh/bottom-sheet';
import { css } from 'emotion';
export default {
title: 'BottomSheet',
};
export const BottomSheetBasic = () => {
const [open, setOpen] = useState(false);
const handleRequestClose = () => {
setOpen(false);
};
return (
<div>
<button onClick={() => setOpen(true)}>Open!</button>
<BottomSheet open={open} onRequestClose={handleRequestClose} withCloseButton styles={{
close: {
top: 0
}
}}>
<div>your child components here</div>
</BottomSheet>
</div>
);
};
1.14.5
2 years ago
1.14.4
2 years ago
1.14.3
2 years ago
1.14.1
2 years ago
1.14.2
2 years ago
1.14.0
3 years ago
1.12.2
3 years ago
1.12.1
3 years ago
1.13.0
3 years ago
1.12.0
3 years ago
1.11.0
3 years ago
1.9.1
3 years ago
1.10.0
3 years ago
1.8.2
4 years ago
1.9.0
4 years ago
1.8.1
4 years ago
1.8.0
4 years ago
1.6.0
4 years ago
1.5.0
4 years ago
1.3.1
4 years ago
1.4.0
4 years ago
1.2.1
4 years ago
1.1.3
4 years ago
1.3.0
4 years ago
1.2.0
4 years ago
1.1.2
4 years ago
1.1.1
4 years ago
1.1.0
4 years ago
1.0.0
4 years ago