Skip to content

q1b/astro-components

Repository files navigation

UnStylied Reuseable Components

Basically, based on the Flexbox CSS Properties just more, explict to use

# install with npm
npm i position-component
# or yarn
yarn create astro
# or pnpm
pnpm create astro@latest

🚀 Project Structure

/
├── demo/
   ├── public/
   └── src/
       └── pages/
           └── index.astro
└── packages/
    └── position-component/
        ├── Position.astro -- source code
        ├── index.js
        └── package.json

This project uses workspaces to develop a single package, @example/my-component, from packages/my-component. It also includes a demo Astro site for testing and demonstrating the component.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Props Valid Values
class string
col boolean
reverse boolean
top boolean
center boolean
bottom boolean
left boolean
right boolean
stretchX boolean
stretchY boolean
apart boolean | 'loosely' | 'closely'

👀 Want to learn more?

Feel free to check documentation

jump into our Discord server, tag alphacat their, I will be waiting for your reply