Willba-component-library NPM | npm.io

0.1.62 • Published 9 days ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

9 days ago

Installation

Willba-component-library is available as an npm package.

// with npm
npm install willba-component-library

// with yarn
yarn add willba-component-library

Usage

import React from 'react'
import ReactDOM from 'react-dom'
import { FilterBar } from 'willba-component-library'

function App() {
  return <FilterBar redirectUrl={'http://localhost:3000/'} />
}

ReactDOM.render(<App />, document.querySelector('#app'))

or you can add the willba-component-library using scripts:

<div id="will-filter-bar" style="max-width: 1200px"></div>

<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<script src="https://cdn.jsdelivr.net/npm/willba-component-library@0/lib/index.umd.js"></script>

<script>
  const filterBarElement = React.createElement
  const filterBarContainer = document.getElementById('will-filter-bar')
  const WillFilterBar = WillbaComponentLibrary.FilterBar
  const root = ReactDOM.createRoot(filterBarContainer)

  root.render(
    filterBarElement(WillFilterBar, {
      redirectUrl: 'http://localhost:4000/',
    })
  )
</script>

Props of FilterBar

Name	Value	Description
redirectUrl	`"string"`	Define the URL where the component showld redirect on filtering.
language	`"fi" , "en"`	Specify the language, available languages Finnish and English.
ageCategories	`[{}]`	Specify age categories for guests: filter: {id: string, name: string, minAge: number , maxAge: number , minVal: number}
palette	`{}`	Override color: palette: {primary: string, secondary: string}.

@rollup/plugin-json classnames react-day-picker react-i18next react-icons react-responsive

@everything-registry/sub-chunk-3147

9 days ago

9 days ago

9 days ago

14 days ago

14 days ago

14 days ago

14 days ago

16 days ago

16 days ago

16 days ago

20 days ago

21 days ago

20 days ago

21 days ago

21 days ago

28 days ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

4 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago