diff --git a/.changeset/warm-shoes-dance.md b/.changeset/warm-shoes-dance.md new file mode 100644 index 00000000000..fcd282b5748 --- /dev/null +++ b/.changeset/warm-shoes-dance.md @@ -0,0 +1,5 @@ +--- +"@clerk/clerk-js": patch +--- + +Add the `title` attribute to `` component so that truncated organization names can be previewed e.g. through hovering diff --git a/packages/clerk-js/src/ui/elements/OrganizationPreview.tsx b/packages/clerk-js/src/ui/elements/OrganizationPreview.tsx index 36514c0ae5e..02f25178711 100644 --- a/packages/clerk-js/src/ui/elements/OrganizationPreview.tsx +++ b/packages/clerk-js/src/ui/elements/OrganizationPreview.tsx @@ -89,6 +89,7 @@ export const OrganizationPreview = (props: OrganizationPreviewProps) => { as='span' truncate sx={mainIdentifierSx} + title={organization.name} > {organization.name} {badge}