@logo-rn/logo-sheet-bottom v0.1.0

@logo-rn/logo-sheet-bottom

is surfaces containing supplementary content that are anchored to the bottom of the screen..

Installation

Install the component:

npm i @logo-rn/logo-sheet-bottom -s

Usage

Once installed, import the component in your application:

import {LogoSheetBottom} from '@logo-rn/logo-sheet-bottom';

   const SHEETBOTTOM_LIST: { id: string; title: string; }[] = [
    {
        id: "1",
        title: "item1",
    },
    {
        id: "2",
        title: "item2"
    },
    {
        id: "3",
        title: "item3"
    },
    {
        id: "4",
        title: "item4"
    }
  ]

<LogoSheetBottom
    itemList={SHEETBOTTOM_LIST}
    visible={visible}
    close={() => setVisible(false)}
    onClick={(item: any) => console.log(item.title + " Clicked" )} 
/>

For more detailed information, please visit:

Logo Elements Documentation ↗