@logo-rn/logo-toggle-button

0.2.2 • Public • Published

@logo-rn/logo-toggle-button

is a button set to let user select multiple options.

npm version

Installation

Install the component:

npm i @logo-rn/logo-toggle-button -s

Usage

Once installed, import the component in your application:

import {LogoToggleButton} from '@logo-rn/logo-toggle-button';
   import { LogoToggleButton } from '@logo-rn/logo-toggle-button';
   //..
      
  interface ButtonProps {
   title?: string | undefined,
   icon?: string | undefined,
   isActive: boolean
  }    
  //..
 
 const TOGGLE_BUTTON_LIST: {
    title?: string,
    icon?: string,
    isActive: boolean
 }[] =  [
        {
            title: "Button1",
          icon: "alarm_bell_1",
          isActive: false
      },
      {
          title: "Button2",
          icon: "alarm_bell_1",
          isActive: false
      }
  ]
  const [buttonList, setButtonList] = React.useState(TOGGLE_BUTTON_LIST);
  //..
      <LogoToggleButton
         buttonList={buttonList}
         setButtonList={(buttonList: Array<ButtonProps>) => setButtonList(buttonList)} />

For more detailed information, please visit:

Logo Elements Documentation

/@logo-rn/logo-toggle-button/

    Package Sidebar

    Install

    npm i @logo-rn/logo-toggle-button

    Weekly Downloads

    0

    Version

    0.2.2

    License

    See license in LICENSE file

    Unpacked Size

    9.97 kB

    Total Files

    6

    Last publish

    Collaborators

    • ahmet.borslan
    • devrim.guner
    • eren.kiraz
    • emine.izmir
    • gamzeyapici
    • serhan.gurbuz