Strawberry UI

iOS-style React component library

Installation

npm install strawberry-ui
# or
yarn add strawberry-ui

Usage

import { ThemeProvider, Button, TextField } from 'strawberry-ui';

function App() {
  return (
    <ThemeProvider>
      <Button variant="primary">Hello Strawberry</Button>
      <TextField label="Email" placeholder="Enter your email" />
    </ThemeProvider>
  );
}

Components

• Button
• Checkbox
• TextField
• TextArea
• Switch
• and more coming soon...

Theme

Strawberry UI comes with a default theme inspired by iOS design. You can customize the theme by passing a theme object to the ThemeProvider.

import { ThemeProvider } from 'strawberry-ui';

const customTheme = {
  colors: {
    primary: '#ff6b6b',
    // ... other color overrides
  },
};

function App() {
  return (
    <ThemeProvider theme={customTheme}>
      {/* Your app content */}
    </ThemeProvider>
  );
}

License

MIT