People Picker Component
Try to type search people 'test' to see more render result.
import { defineVueWebComponent, useTheme } from "@omnia/fx/ux";
import { AzureAdObjectPrincipalTypes, Identity, UserTypes } from "@omnia/fx-models";
import "./PeoplePicker.mock";
export default defineVueWebComponent({
setup(props) {
const { theming } = useTheme();
const selectedAuthors: Identity[] = [
{
uid: "anne.reader@omniatestcloud.net",
type: UserTypes.AzureAdInternalUser
}
]
return () => (
<omfx-people-picker
multiple
dark={theming.body.bg.dark}
label={"Authors"}
principalType={AzureAdObjectPrincipalTypes.MemberAndGuest}
valueBind={selectedAuthors}
onValueChanged={(val) => console.log(val)}>
</omfx-people-picker>
);
}
});