DS Desty UI

Installation

• Go to project folder

cd test-package-001

• (Optional, but recommend do it) Clean your workspace

rm -rf node_modules package-lock.json pnpm-lock.yaml

• Install our component library

npm i -D @ds-ale-projects/ds_desty_ui_rollup_002

Add package styles on your src/main.tsx or src/index.tsx

import '@ds-ale-projects/ds_desty_ui_rollup_002/dist/index.css';

Create a wrapper component

• Go to components folder

cd src/components

mkdir wrappers
cd wrappers

touch WrapperLinks.tsx

• Create wrapper component

import { AppLink } from '@ds-ale-projects/ds_desty_ui_rollup_002';

export function WrapperLinks() {
  return (
    <div>
      <AppLink href="#explore">Explore</AppLink>
    </div>
  );
}

• Update App.tsx

import { WrapperLinks } from './components/WrapperLinks';

export function App() {
  return (
    <main>
      <h1>Desty & Rollup - 001</h1>
      <WrapperLinks />
    </main>
  );
}