Open UI

Checkbox

Imports

  • Checkbox: The main component to display a list of accordion items.

Usage

import {Checkbox} from '@openlite/ui'
 
function App() {
  return(
    <Checkbox />
  )
}

Examples

Variants

import {Checkbox} from '@openlite/ui'
 
function App() {
  return(
    <Checkbox />
    <Checkbox variant="primary" />
    <Checkbox variant="success" />
    <Checkbox variant="error" />
    <Checkbox variant="warn" />
  )
}

Rounded

import {Checkbox} from '@openlite/ui'
 
function App() {
  return(
    <Checkbox rounded="none" />
    <Checkbox rounded="sm" />
    <Checkbox rounded="lg" variant="primary" />
  )
}

API

Checkbox Props

PropsTypeDescription
variant'default' | 'primary' | 'success' | 'warn' | 'error'The variant of the checkbox.
rounded'none' | 'sm' | 'lg'The rounded of the checkbox.

Previous

Card

Next

Dialog

On this page

ImportsUsageExamplesVariantsRoundedAPICheckbox Props