Sha256: 15e4291fc019b22b24b7cc279bffb4982bfcfb56d45c6f46246164672e69513f
Contents?: true
Size: 998 Bytes
Versions: 83
Compression:
Stored size: 998 Bytes
Contents
import React, { useState } from 'react'
import { SelectableCardIcon } from '../../'
const SelectableCardIconDark = () => {
const [selected, setSelected] = useState(true)
const [unselected, setUnselected] = useState(false)
return (
<div className="pb--doc-demo-row">
<SelectableCardIcon
bodyText="Silent Mode"
checked={selected}
dark
icon="volume"
inputId={10}
onChange={() => setSelected(!selected)}
titleText="Sound"
/>
<SelectableCardIcon
bodyText="Allow location data"
checked={unselected}
dark
icon="location"
inputId={11}
onChange={() => setUnselected(!unselected)}
titleText="Location"
/>
<SelectableCardIcon
bodyText="Disabled"
dark
disabled
icon="wifi"
inputId={12}
titleText="WiFi"
/>
</div>
)
}
export default SelectableCardIconDark
Version data entries
83 entries across 83 versions & 1 rubygems