<OrganizationList />

The <OrganizationList /> component is used to display organization related memberships, invitations, and suggestions for the user.

Props

Click here to see the full list of props available.

Usage

<script setup>
import { OrganizationList } from 'vue-clerk'
</script>

<template>
  <OrganizationList
    :after-create-organization-url="org => `/organization/${org.slug}`"
    :after-select-personal-url="org => `/organization/${org.slug}`"
    :after-select-organization-url="org => `/organization/${org.slug}`"
  />
</template>

Force organizations

If you would like to prohibit people from using their personal accounts and force them to be part of an organization, the hidePersonal property forces your user to join or create an organization in order to continue.

<template>
  <OrganizationList hide-personal />
</template>