Switch

A control that allows users to toggle between checked and unchecked.

Airplane Mode

Installation

bash

npx @galaxy-stack/nebula-cli@latest add switch

bash

pnpm dlx @galaxy-stack/nebula-cli@latest add switch

bash

yarn dlx @galaxy-stack/nebula-cli@latest add switch

bash

bunx @galaxy-stack/nebula-cli@latest add switch

bash

# If you have installed galaxy-design globally
galaxy-design add switch

Prop	Type	Default	Description	Frameworks
`checked`	`boolean`	`undefined`	Controlled checked state	All
`defaultChecked`	`boolean`	`false`	Uncontrolled initial checked state	All
`onCheckedChange`	`(checked: boolean) => void`	-	Called when checked state changes	All
`disabled`	`boolean`	`false`	Disables the switch	All
`required`	`boolean`	`false`	Requires value before form submission	All
`name`	`string`	-	Name for form submission	All
`value`	`string`	-	Value for form submission	All
`className`	`string`	`''`	CSS class names	React, React Native
`class`	`string`	`''`	CSS class names	Vue, Angular, Flutter

vue

<Switch v-model:checked="enabled" />

tsx

<Switch checked={enabled} onCheckedChange={setEnabled} />

html

<ui-switch [(checked)]="enabled" />

This component accepts the following props:

Prop	Type	Default	Description
...	...	...	...

Bùi Trọng Hiếu (kevinbui)