Browse Particles

Accept terms and conditions

Basic checkbox

Accept terms and conditions

Disabled checkbox

Accept terms and conditions

By clicking this checkbox, you agree to the terms and conditions.

Checkbox with description

Enable notifications

You can enable or disable notifications at any time.

Card-style checkbox

Checkbox form

Next.jsViteAstro

Basic checkbox group

Next.jsViteAstro

Checkbox group with disabled items

FrameworksNext.jsViteAstro

Checkbox group with parent checkbox

Nested checkbox group with parent

Checkbox group form

Accept terms and conditions

Field with checkbox

Frameworks

React

Vue

Svelte

Field with checkbox group

	Project	Status	Team	Budget
	Website Redesign	Paid	Frontend Team	$12,500
	Mobile App	Unpaid	Mobile Team	$8,750
	API Integration	Pending	Backend Team	$5,200
	Database Migration	Paid	DevOps Team	$3,800
	User Dashboard	Paid	UX Team	$7,200
	Security Audit	Failed	Security Team	$2,100
Total Budget				$39,550

Table with TanStack Table and checkboxes

Flight	Time	Destination	Status	Terminal	Gate
WN4567	06:00 2h 30m 08:30	Denver	Boarding	2	I9
FX0123	07:15 1h 45m 09:00	Dallas	Boarding	1	H5
LH7890	07:30 2h 30m 10:00	Minneapolis	Cancelled	2	R7
YX5678	08:00 3h 20m 11:20	Washington	Delayed	2	O12
AA1234	08:30 5h 15m 11:45	Los Angeles	On Time	1	A12
TK6789	08:45 2h 45m 11:30	Raleigh	On Time	1	Y11
JB7890	09:00 5h 30m 12:30	Salt Lake City	Cancelled	2	E3
BA0123	09:15 3h 10m 12:25	Charlotte	On Time	2	U10
F92345	09:45 2h 15m 12:00	Chicago	Delayed	2	L11
VS3456	10:00 2h 45m 12:45	Indianapolis	On Time	2	Z4

Table with TanStack Table, sorting, and pagination

Selectable

Selectable badge with checkbox

Complete form built with field

Split button with popover to confirm multiple occurrences

	Project	Status	Team	Budget
	Website Redesign	Paid	Frontend Team	$12,500
	Mobile App	Unpaid	Mobile Team	$8,750
	API Integration	Pending	Backend Team	$5,200
	Database Migration	Paid	DevOps Team	$3,800
	User Dashboard	Paid	UX Team	$7,200
	Security Audit	Failed	Security Team	$2,100
Total Budget				$39,550

CardFrame with TanStack Table and checkboxes

Flight	Time	Destination	Status	Terminal	Gate
WN4567	06:00 2h 30m 08:30	Denver	Boarding	2	I9
FX0123	07:15 1h 45m 09:00	Dallas	Boarding	1	H5
LH7890	07:30 2h 30m 10:00	Minneapolis	Cancelled	2	R7
YX5678	08:00 3h 20m 11:20	Washington	Delayed	2	O12
AA1234	08:30 5h 15m 11:45	Los Angeles	On Time	1	A12
TK6789	08:45 2h 45m 11:30	Raleigh	On Time	1	Y11
JB7890	09:00 5h 30m 12:30	Salt Lake City	Cancelled	2	E3
BA0123	09:15 3h 10m 12:25	Charlotte	On Time	2	U10
F92345	09:45 2h 15m 12:00	Chicago	Delayed	2	L11
VS3456	10:00 2h 45m 12:45	Indianapolis	On Time	2	Z4

Viewing

of 30 results

CardFrame with TanStack Table, sorting, and pagination

Accept terms and conditions

Basic checkbox

Accept terms and conditions

Disabled checkbox

Accept terms and conditions

By clicking this checkbox, you agree to the terms and conditions.

Checkbox with description

Enable notifications

You can enable or disable notifications at any time.

Card-style checkbox

Checkbox form

Next.jsViteAstro

Basic checkbox group

Next.jsViteAstro

Checkbox group with disabled items

FrameworksNext.jsViteAstro

Checkbox group with parent checkbox

Nested checkbox group with parent

Checkbox group form

Accept terms and conditions

Field with checkbox

Frameworks

React

Vue

Svelte

Field with checkbox group

	Project	Status	Team	Budget
	Website Redesign	Paid	Frontend Team	$12,500
	Mobile App	Unpaid	Mobile Team	$8,750
	API Integration	Pending	Backend Team	$5,200
	Database Migration	Paid	DevOps Team	$3,800
	User Dashboard	Paid	UX Team	$7,200
	Security Audit	Failed	Security Team	$2,100
Total Budget				$39,550

Table with TanStack Table and checkboxes

Flight	Time	Destination	Status	Terminal	Gate
WN4567	06:00 2h 30m 08:30	Denver	Boarding	2	I9
FX0123	07:15 1h 45m 09:00	Dallas	Boarding	1	H5
LH7890	07:30 2h 30m 10:00	Minneapolis	Cancelled	2	R7
YX5678	08:00 3h 20m 11:20	Washington	Delayed	2	O12
AA1234	08:30 5h 15m 11:45	Los Angeles	On Time	1	A12
TK6789	08:45 2h 45m 11:30	Raleigh	On Time	1	Y11
JB7890	09:00 5h 30m 12:30	Salt Lake City	Cancelled	2	E3
BA0123	09:15 3h 10m 12:25	Charlotte	On Time	2	U10
F92345	09:45 2h 15m 12:00	Chicago	Delayed	2	L11
VS3456	10:00 2h 45m 12:45	Indianapolis	On Time	2	Z4

Table with TanStack Table, sorting, and pagination

Selectable

Selectable badge with checkbox

Complete form built with field

Split button with popover to confirm multiple occurrences

	Project	Status	Team	Budget
	Website Redesign	Paid	Frontend Team	$12,500
	Mobile App	Unpaid	Mobile Team	$8,750
	API Integration	Pending	Backend Team	$5,200
	Database Migration	Paid	DevOps Team	$3,800
	User Dashboard	Paid	UX Team	$7,200
	Security Audit	Failed	Security Team	$2,100
Total Budget				$39,550

CardFrame with TanStack Table and checkboxes

Flight	Time	Destination	Status	Terminal	Gate
WN4567	06:00 2h 30m 08:30	Denver	Boarding	2	I9
FX0123	07:15 1h 45m 09:00	Dallas	Boarding	1	H5
LH7890	07:30 2h 30m 10:00	Minneapolis	Cancelled	2	R7
YX5678	08:00 3h 20m 11:20	Washington	Delayed	2	O12
AA1234	08:30 5h 15m 11:45	Los Angeles	On Time	1	A12
TK6789	08:45 2h 45m 11:30	Raleigh	On Time	1	Y11
JB7890	09:00 5h 30m 12:30	Salt Lake City	Cancelled	2	E3
BA0123	09:15 3h 10m 12:25	Charlotte	On Time	2	U10
F92345	09:45 2h 15m 12:00	Chicago	Delayed	2	L11
VS3456	10:00 2h 45m 12:45	Indianapolis	On Time	2	Z4

Viewing

of 30 results

CardFrame with TanStack Table, sorting, and pagination