How do I install the Roles Menu component?

Install the free SDK with `bun add @otfdashkit/ui` (or npm/pnpm) and import { RolesMenu }. Copy-paste distribution is also supported.

Is the Roles Menu component free to use?

Yes. Roles Menu ships in @otfdashkit/ui, part of the free MIT-licensed OTF SDK on npm — use it in personal and commercial projects.

Which platform does this Roles Menu page cover?

This page documents the web version (@otfdashkit/ui); the OTF SDK keeps the same component API across its web and native packages where a counterpart exists.

Roles Menu

Input

Role assignment dropdown with descriptions and current-role check.

View in Storybook

Roles MenuInput · Web

Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import Roles Menu from @otfdashkit/ui.

Code

// Roles Menu — Role assignment dropdown with descriptions and current-role check.
//
// Install:
//   bun add @otfdashkit/ui

import { RolesMenu } from '@otfdashkit/ui'

export function Example() {
  return (
    <RolesMenu>
      {/* your content */}
    </RolesMenu>
  )
}

Props

Props declared in the RolesMenu source. Inherited HTML attributes are not listed.

Prop	Type	Default
className	string
onChange	(role: string) => void
value	string	'member'

Filters
Command Bar
Toggle Button
Select Users

Installation

Usage

Props

Related