Alurkerja v1.0.0@Beta

Switch

Base

Ya
Tidak
Typescript
import { Switch } from 'alurkerja-ui'
export const SwitchPage = () => {
	return(
		<Switch
		  options={[
		    { label: 'Ya', value: true },
		    { label: 'Tidak', value: false },
		   ]}
		/>
	)
}

Default Value

Ya
Tidak
Typescript
import { Switch } from 'alurkerja-ui'
export const SwitchPage = () => {
	return(
		<Switch
		  options={[
		    { label: 'Ya', value: true },
		    { label: 'Tidak', value: false },
		   ]}
		   defaultValue={false}
		/>
	)
}

OnChange

Ya
Tidak
Typescript
import { Switch } from 'alurkerja-ui'
export const SwitchPage = () => {
	return(
		<Switch
		  options={[
		    { label: 'Ya', value: true },
		    { label: 'Tidak', value: false },
		   ]}
		   onChange={(value) => value !== undefined && alert(value)}
		/>
	)
}