agrp.dev logo
Components
BadgeButtonCheckboxBasic usageSizesOther propsText positionsKnown bugsCollapseDatePickerIconIndicatorInputMessageNotificationPaginationProgressRadioSelectSkeletonSwitchTabsTextAreaTimelineTooltipsTypography

Checkbox

Better looking alternative to native HTML checkbox

Basic usage

import { Checkbox as CheckboxView, useCheckbox } from '@atlasgroup/react-atlantic';


const Checkbox = wrap(CheckboxView, useCheckbox);

Checkbox must be wrapped with useCheckbox to make the element interactive. But be aware useCheckbox hook provides basic checkbox logic only such as handling isChecked prop, for more info see known bugs section

Sizes

Other props

Text positions

Known bugs

  • useCheckbox hook does not handle correctly isPartiallyChecked prop
  • useCheckbox hook does not pass props (e.g. size, horizontalPosition, ...)
  • CheckboxView can not have isPartiallyChecked and isChecked prop at the same time