dealerclick-ui v1.0.1

UI Kit for Gatsby Projects

This is a collection of reusable UI components for Gatsby projects. It is written in TypeScript and uses CSS modules for styling.

Installation

To install this package, run the following command:

sql

npm install @your-scope/ui-kit

Usage

Here is an example of how to use the Button component:

jsx

`import React from "react"; import { Button } from "@your-scope/ui-kit";

function MyComponent() { return (

Components

Base

A basic component that can be used as a building block for other components.

jsx

`import { Base } from "@your-scope/ui-kit";

Container

A container component with optional background color, spacing, and border radius.

jsx

`import { Container } from "@your-scope/ui-kit";

Flex

A flexible container that can be used for creating rows or columns of components with spacing, wrapping, and alignment options.

jsx

`import { Flex } from "@your-scope/ui-kit";

Card

A card component with options for width, background color, padding, border radius, and box shadow.

jsx

`import { Card } from "@your-scope/ui-kit";

Box

A box component with options for width, background color, padding, border radius, and centering.

jsx

`import { Box } from "@your-scope/ui-kit";

Button

A button component with options for background color and text color.

jsx

`import { Button } from "@your-scope/ui-kit";

Text

A text component with options for font size, font weight, and text alignment.

jsx

`import { Text } from "@your-scope/ui-kit";

Link

A link component that can be used to link to internal or external pages.

jsx

`import { Link } from "@your-scope/ui-kit";

Icon

An icon component that displays an image with options for size and alt text.

jsx

`import { Icon } from "@your-scope/ui-kit";

`

Contributing

If you would like to contribute to this project, please follow these steps:

1. Fork the repository and create a new branch for your changes.
2. Make your changes and test them locally.
3. Write tests for your changes (if applicable).
4. Submit a pull request to the main repository.

License

This project is licensed under the MIT License. See the LICENSE file for details.