Sha256: 21b4c83c80a51f30fb35e841151b532a1c6134eb7bd3c41e9297bd641131b1c3
Contents?: true
Size: 849 Bytes
Versions: 1007
Compression:
Stored size: 849 Bytes
Contents
import React from 'react'
import { Dropdown } from 'playbook-ui'
const DropdownWithCustomPadding = (props) => {
const options = [
{
label: "United States",
value: "United States",
areaCode: "+1",
icon: "πΊπΈ",
id: "United-states"
},
{
label: "Canada",
value: "Canada",
areaCode: "+1",
icon: "π¨π¦",
id: "canada"
},
{
label: "Pakistan",
value: "Pakistan",
areaCode: "+92",
icon: "π΅π°",
id: "pakistan"
}
];
return (
<div>
<Dropdown
options={options}
{...props}
>
{options.map((option) => (
<Dropdown.Option key={option.id}
option={option}
padding="sm"
/>
))}
</Dropdown>
</div>
)
}
export default DropdownWithCustomPadding
Version data entries
1,007 entries across 1,007 versions & 2 rubygems