@forgeframework/react-ui

A design system and component library for Forge Framework web applications.

Part of the Forge Framework — a TypeScript framework for backend microservices and web applications.

Installation

npm install @forgeframework/react-ui

Usage

import {
  ForgeThemeProvider, forgeLightTheme,
  Button, Input, Card, Stack, Text, Heading, Modal, Toast,
} from '@forgeframework/react-ui';

function App() {
  return (
    <ForgeThemeProvider theme={forgeLightTheme}>
      <Card>
        <Stack spacing={4}>
          <Heading as="h2" size="lg">Login</Heading>
          <Input label="Email" type="email" placeholder="[email protected]" />
          <Input label="Password" type="password" />
          <Button variant="primary" fullWidth>Sign In</Button>
          <Text size="sm" color="secondary">Forgot password?</Text>
        </Stack>
      </Card>
    </ForgeThemeProvider>
  );
}

Documentation

Full API reference and guides: https://carbonforge.io/framework/docs/web/react-ui

(Documentation site launching soon.)

License

MIT © Carbon Forge