Mantine Picker Component

Overview

This component is created on top of the Mantine library.

It provides the capability to generate a dynamic picker effect, enabling the display of a wide variety of content in a visually engaging manner. This effect can enhance the overall user experience by drawing attention to important information, announcements, or promotions, allowing for a more interactive and captivating presentation.

👉 You can find more components on the Mantine Extensions Hub library.

Installation

npm install @gfazioli/mantine-picker

or

yarn add @gfazioli/mantine-picker

After installation import package styles at the root of your application:

import '@gfazioli/mantine-picker/styles.css';

Usage

import { Picker } from '@gfazioli/mantine-picker';

function Demo() {

  return (
    <Picker data={['React', 'Angular', 'Vue', 'Svelte']} />
  );
}

https://github.com/user-attachments/assets/520e4838-9f2f-4714-9de2-8067c7630d1d