Group selector with a different style.
Installation
Usage
import { TeamSelector } from "viora-ui";import { TeamSelector } from "viora-ui";
export default function TeamSelectorDemo() {
return (
<div className="flex min-h-[350px] w-full items-center justify-center p-6">
<TeamSelector />
</div>
);
}API Reference
TeamMember
| Prop | Type | Default | Description |
|---|---|---|---|
| id | string | - | Configuration for id. |
| avatarUrl | string | - | Configuration for avatarUrl. |
| name | string | - | Configuration for name. |
TeamSelector
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultValue? | number | - | Configuration for defaultValue. |
| onChange? | (size: number) => void | - | Callback fired on change event. |
| className? | string | "" | Additional CSS classes for custom styling. |
Built by Otis
Last updated: 9/13/2026