Skip to content

Commit

Permalink
Merge pull request #2519 from anuradha9712/feat-avatar-selection-figm…
Browse files Browse the repository at this point in the history
…a-connect

feat(avatarSelection): add figma code connect for avatar selection co…
  • Loading branch information
samyak3009 authored Jan 28, 2025
2 parents 4cd3f2d + 48c4baa commit ef3d403
Showing 1 changed file with 64 additions and 0 deletions.
64 changes: 64 additions & 0 deletions figma/AvatarSelection.figma.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,64 @@
import React from 'react';
import { Avatar, AvatarSelection } from '@/index';
import figma from '@figma/code-connect';

figma.connect(AvatarSelection, 'https://www.figma.com/design/w8sqBtJpvq86D06UE7gN0T/MDS---Web?node-id=32683-7747', {
imports: ["import { AvatarSelection } from '@innovaccer/design-system'"],
props: {
size: figma.enum('Size', {
Regular: 'regular',
Small: 'tiny',
}),
max: figma.enum('Count', {
Six: 6,
'More than six': 6,
}),
withSearch: figma.enum('Search', {
False: false,
True: true,
}),
list: figma.enum('Type', {
Initial: [
{
firstName: 'John',
lastName: 'Doe',
selected: true,
},
{
firstName: 'Jane',
lastName: 'Doe',
selected: true,
},
],
Icon: [
{
firstName: 'Rachel',
lastName: 'Green',
selected: true,
icon: <Avatar.Icon name="person" />,
},
{
firstName: 'John',
lastName: 'Doe',
selected: true,
icon: <Avatar.Icon name="person" />,
},
],
Image: [
{
firstName: 'John',
lastName: 'Doe',
selected: true,
image: <Avatar.Image src="url" />,
},
{
firstName: 'Rachel',
lastName: 'Green',
selected: true,
image: <Avatar.Image src="url" />,
},
],
}),
},
example: (props) => <AvatarSelection {...props} />,
});

0 comments on commit ef3d403

Please sign in to comment.