InternHub Mobile UI Kit

React Native UI component library and design tokens for the InternHub mobile app. Use system default fonts; no custom font bundling required.

Installation

npm install internhub-v2-mobile-ui-kit

Peer dependencies: react, react-native. Optional: react-native-linear-gradient, react-native-svg for gradient and icon components.

Usage

import { Colors, Spacing, Button, Input, Card, Header } from 'internhub-v2-mobile-ui-kit';

Design tokens

• Colors – primary, background, text, borders, status (success, error, warning, info)
• Spacing – xs, sm, md, lg, xl, xxl
• BorderRadius – sm, md, lg, xl, xxl, full
• FontSize – xs, sm, md, lg, xl, xxl, xxxl
• FontWeight – regular, medium, semibold, bold
• Shadow – card, modal presets

Components

| Category | Components | |----------|------------| | Inputs & forms | Button, Input, Select, AdvancedSelect, Checkbox, Switch, OTPInput, PasswordChecker, DatePicker, TimePicker | | Feedback | Alert, Badge, Toast, Loading, EmptyState, Modal, BottomSheet, Skeleton | | Layout | Card, Header, Divider, Avatar, Icon, GradientBackground | | Icons | UploadIcon, TrashIcon, RetryIcon |

Example

import { Button, Colors, Card } from 'internhub-v2-mobile-ui-kit';

<Card style={{ margin: 16 }}>
  <Button title="Submit" onPress={() => {}} variant="primary" />
</Card>

License

MIT