@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
39 lines (36 loc) • 1.11 kB
JSX
import React from 'react';
import VisualPicker from '~/components/visual-picker';
import Icon from '~/components/icon';
import IconSettings from '~/components/icon-settings';
import VisualPickerLink from '../link';
class Example extends React.Component {
render() {
return (
<IconSettings iconPath="/assets/icons">
<div
style={{
padding: '4rem 1rem 0px',
background: 'rgb(244, 246, 249)',
}}
>
<VisualPicker links>
<VisualPickerLink
title="Share the knowledge"
href="https://google.com"
description="Harness your team's collective know-how with our powerful knowledge base"
icon={<Icon name="knowledge_base" category="utility" />}
/>
<VisualPickerLink
title="Share the knowledge"
href="https://google.com"
description="Harness your team's collective know-how with our powerful knowledge base"
icon={<Icon name="knowledge_base" category="utility" />}
/>
</VisualPicker>
</div>
</IconSettings>
);
}
}
Example.displayName = 'VisualPickerLinks';
export default Example;