DocSpace-client/packages/shared/components/toggle-button
2023-11-29 17:07:00 +03:00
..
index.tsx Shared:Themes\Types: fix default theme typing 2023-11-29 17:07:00 +03:00
README.md Shared:Themes\Types: fix default theme typing 2023-11-29 17:07:00 +03:00
styled-toggle-button.ts Shared:Themes\Types: fix default theme typing 2023-11-29 17:07:00 +03:00
toggle-button.stories.tsx Shared:Themes\Types: fix default theme typing 2023-11-29 17:07:00 +03:00
toggle-button.test.tsx Shared:Themes\Types: fix default theme typing 2023-11-29 17:07:00 +03:00
ToggleButton.theme.styled.ts Shared:Themes\Types: fix default theme typing 2023-11-29 17:07:00 +03:00
ToggleButton.theme.tsx Shared:Themes\Types: fix default theme typing 2023-11-29 17:07:00 +03:00

ToggleButton

Custom toggle button input

Usage

import ToggleButton from "@docspace/components/toggle-button";
<ToggleButton
  label="text"
  onChange={(event) => console.log(event.target.value)}
  isChecked={false}
/>

Properties

Props Type Required Values Default Description
className string - - - Class name
id string, number - - - Set component id
isChecked bool - - - The checked property sets the checked state of a ToggleButton.
isDisabled bool - - - Disables the ToggleButton
label string - - - Label of the input
onChange func - - Will be triggered whenever an ToggleButton is clicked
style obj, array - - - Accepts css style