Dropship is a component library designed to provide reusable UI components for your projects. It currently includes a small variety of atoms (molecules and organisms are TBD) to help you build consistent and maintainable user interfaces.
You can see the latest build of Dropship on Storybook at https://dropship-storybook.vercel.app/.
You can install Dropship via npm for use in your project. Start by installing the package:
npm install @jasonrundell/dropshipIn your project, you'll need to import the base style.css file in order to render the components correctly:
import '@jasonrundell/dropship/style.css'You can then import individual components as needed:
import { Button } from '@jasonrundell/dropship'
function App() {
return <Button>Click Me</Button>
}Atoms are the basic building blocks of a user interface. Here are all of the atoms included in Dropship:
- Blockquote
- Box
- Button
- Container
- Grid
- Heading
- Link
- Row
- Spacer
This project uses Storybook for developing and showcasing components. You can find stories for various components in the src/stories directory.
Here are some useful scripts you can run:
npm run start: Starts the development server.npm run build: Builds the project.
If you would like to contribute, please create an issue and then open up a PR from a fork.
This project is licensed under the MIT License. See the LICENSE file for details.