Checkbox

Checkbox allows users to select one or more options, commonly used in forms or settings interfaces.

Basic

Basic Style

Basic checkbox suitable for simple forms.

Rounded Style

Rounded checkbox for enhanced visual softness.

Bordered Style

Checkbox with border for added design hierarchy.

Focus Style

Checkbox with special effects on focus for enhanced interaction.

With Indicator

Checkbox with custom status indicators clearly showing selection state.

Animation

Click Shake Animation

Checkbox with shake animation on click for visual feedback.

Code snippet not found, please check if the component name is correct

Hover Underline Animation

Checkbox with underline animation on hover for added interactivity.

Code snippet not found, please check if the component name is correct

Path Drawing Animation

Checkbox with path drawing animation for animated effects.

Code snippet not found, please check if the component name is correct

Focus Scale Animation

Checkbox with scale animation on focus for enhanced user experience.

Code snippet not found, please check if the component name is correct

Required

Required Shake Animation

Required checkbox with shake animation on form submission if unchecked.

Code snippet not found, please check if the component name is correct

Required Color Animation

Required checkbox with warning color animation on form submission if unchecked.

Code snippet not found, please check if the component name is correct

Required Bounce Animation

Required checkbox with bounce animation on form submission if unchecked.

Code snippet not found, please check if the component name is correct

Group Select

Stagger Bounce Animation

Multiple checkboxes with staggered bounce animation for added dynamics.

Code snippet not found, please check if the component name is correct

Stagger Shake Animation

Multiple checkboxes with sequential shake animation for visual hierarchy.

Code snippet not found, please check if the component name is correct

Scene

In Card

Checkbox within card suitable for information display and selection.

Code snippet not found, please check if the component name is correct

In Modal

Checkbox in modal dialog suitable for popup forms.

Code snippet not found, please check if the component name is correct

In Dropdown

Checkbox in dropdown menu for additional operation options.

Code snippet not found, please check if the component name is correct