# petals

**Repository Path**: ntksol/petals

## Basic Information

- **Project Name**: petals
- **Description**: CSS components foundation for Buds
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-11-25
- **Last Updated**: 2021-11-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <a href="https://oss.ourai.ws/petals/">
    <img src="https://avatars3.githubusercontent.com/u/73979619?s=200&v=4" alt="Petals logo" width="200">
  </a>
</p>
<h3 align="center">Petals</h3>
<p align="center">
  Born for component-based front-end development, and provides atomic components for <a href="https://github.com/ourai/buds">Buds</a>.
  <br>
  <a href="https://oss.ourai.ws/petals/docs/"><strong>Explore Petals docs »</strong></a>
</p>

## Composition

This project is work-in-progress, but some sub-projects are ready to use. For details, please see "Status" in the tables below.

### Foundation

| Project | Description | Status | Package |
| --- | --- | --- | --- |
| [basic](https://github.com/petals-ui/basic) | CSS base styles and utilities for web apps | ✓ | [`@petals/basic`](https://www.npmjs.com/package/@petals/basic) |

### Components

| Project | Description | Status | Package |
| --- | --- | --- | --- |
| [border](https://github.com/petals-ui/border) | Virtual component | ✘ | [`@petals/border`](https://www.npmjs.com/package/@petals/border) |
| [box-shadow](https://github.com/petals-ui/box-shadow) | Virtual component | ✘ | [`@petals/box-shadow`](https://www.npmjs.com/package/@petals/box-shadow) |
| [state](https://github.com/petals-ui/state) | Virtual component | ✘ | [`@petals/state`](https://www.npmjs.com/package/@petals/state) |
| [theme](https://github.com/petals-ui/theme) | Virtual component | ✘ | [`@petals/theme`](https://www.npmjs.com/package/@petals/theme) |
| [popup](https://github.com/petals-ui/popup) | Virtual component | ✘ | [`@petals/popup`](https://www.npmjs.com/package/@petals/popup) |
| [form-control](https://github.com/petals-ui/form-control) | Virtual component | ✘ | [`@petals/form-control`](https://www.npmjs.com/package/@petals/form-control) |
| [box](https://github.com/petals-ui/box) | Box component | ✓ | [`@petals/box`](https://www.npmjs.com/package/@petals/box) |
| [text](https://github.com/petals-ui/text) | Text component | ✓ | [`@petals/text`](https://www.npmjs.com/package/@petals/text) |
| button | - | ✘ | - |
| figure | - | ✘ | - |
| flex | - | ✘ | - |
| grid | - | ✘ | - |
| [spacer](https://github.com/petals-ui/spacer) | Spacer component | ✓ | [`@petals/spacer`](https://www.npmjs.com/package/@petals/spacer) |
| page | - | ✘ | - |
| panel | - | ✘ | - |
| list | - | ✘ | - |
| image-list | - | ✘ | - |