Badge - AMiSi Mobile Starter

Badge renders a short string in a rounded status label.

Usage

import { Badge, View } from '@amisi-mobile-starter/ui';

export const StatusBadges = () => (
  <View className="flex-row gap-2">
    <Badge>Draft</Badge>
    <Badge variant="success">Active</Badge>
    <Badge variant="error">Failed</Badge>
  </View>
);

Props

Prop	Type	Default	Description
`children`	`string`	Required	Badge label.
`variant`	`'neutral' \| 'info' \| 'success' \| 'warning' \| 'error'`	`'neutral'`	Semantic tone.

Badge also accepts React Native ViewProps.