MiHCM
primitives/@mihcm/ui·v0.21.0·stable

AccessLevelGroup

4-state segmented button: None / View / Edit / Full Access. Each option has its own brand color when active.

Props

The full prop API for AccessLevelGroup. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.

PropTypeDefaultDescriptionSince
value'none' | 'view' | 'edit' | 'full'Current access level. Required.0.4.0
onValueChange(value: AccessLevel) => voidFired when a level is chosen. Required.0.4.0
optionsreadonly AccessLevelOption[]ACCESS_LEVELSOverride the 4 default levels.0.4.0
disabledbooleanfalseDisable all buttons.0.4.0

Import

import { AccessLevelGroup, ACCESS_LEVELS } from '@mihcm/ui/AccessLevelGroup';