PageScrollList

A reusable scrolllist component for React applications.

Installation

``bash
npm install @pagedotapp/page-scroll-list
`

Usage

`tsx
import { PageScrollList } from "@pagedotapp/page-scroll-list"

function App() {
return (

PageScrollList Content

)
}
`

Props

| Prop | Type | Default | Description |
| ----------- | --------------------------------------- | ----------- | ------------------------- |
| children | React.ReactNode | - | Component children |
| className | string | '' | Additional CSS class name |
| variant | 'default' \| 'primary' \| 'secondary' | 'default' | Component variant |
| size | 'small' \| 'medium' \| 'large' | 'medium' | Component size |
| disabled | boolean | false | Disabled state |

Examples

$3

`tsx
Default
Primary
Secondary
`

$3

`tsx
Small
Medium
Large
`

$3

`tsx
Disabled
`

Styling

The component uses CSS modules for styling. You can override styles by passing a custom className or by targeting the component's CSS classes in your global styles.

Development

To run the component in development mode:

`bash
npm run storybook
`

To run tests:

`bash
npm run test
`

To lint the component:

`bash
npm run lint
``