skeletune-skeleton

A small React skeleton wrapper component extracted from the skeletune project.

Install

Install the package (after publishing) or use a local workspace approach.

npm:

npm install skeletune-skeleton

pnpm (workspace):

pnpm -w add -D ./packages/skeletonify

Usage

Import the component and the CSS in your app:

import React from "react";
import Skeleton from "skeletune-skeleton";
import "skeletune-skeleton/style.css";

export default function App() {
  return (
    <Skeleton isLoading={true}>
      <div>
        <p>Example</p>
      </div>
    </Skeleton>
  );
}

Notes:

• The library declares react and react-dom as peer dependencies.
• The CSS file is included in src/style.css so you can import/compose it into your bundler.

Build

From packages/skeletonify run:

# install dev dependencies (once)
npm install

# build
npm run build

The build emits compiled JS and type declarations to dist/.

Publish

1. Update package.json author/keywords/version as needed.
2. Ensure you have bumped the version.
3. npm publish from packages/skeletonify or use pnpm workspace publishing flow.