FSP Components

A comprehensive React component library built with TypeScript and styled-components.

Installation

npm install @annaluckeyfsp/fsp-components

Usage

import React from 'react';
import { FSPButton, FSPCard, FSPTypography } from '@annaluckeyfsp/fsp-components';

function App() {
  return (
    <div>
      <FSPTypography variant="h1">Welcome to FSP Components</FSPTypography>
      <FSPCard>
        <FSPButton variant="primary">Click me</FSPButton>
      </FSPCard>
    </div>
  );
}

Components

• FSPButton - Button component with multiple variants
• FSPTypography - Typography component for text styling
• FSPTable - Data table component
• FSPChip - Chip/tag component
• FSPCard - Card container component
• FSPList - List component
• FSPInput - Input field component
• FSPSelect - Select dropdown component
• FSPCheckbox - Checkbox component
• FSPRadio - Radio button component
• FSPColorPalette - Color palette component
• FSPLayout - Layout component
• FSPPageHeader - Page header component
• FSPContainer - Container component
• FSPGrid - Grid layout component
• FSPFlex - Flexbox component
• FSPSpacing - Spacing utility component
• FSPBreadcrumb - Breadcrumb navigation component

Requirements

• React 18.0.0 or higher
• React DOM 18.0.0 or higher
• styled-components 6.0.0 or higher

Development

This library is built with:

• TypeScript
• Vite
• styled-components
• Storybook

License

MIT