Back to Mantine

Alpha Slider

apps/mantine.dev/src/pages/core/alpha-slider.mdx

9.3.2446 B
Original Source

import { ColorPickerDemos } from '@docs/demos'; import { Layout } from '@/layout'; import { MDX_DATA } from '@/mdx';

export default Layout(MDX_DATA.AlphaSlider);

Usage

Use AlphaSlider component to allow users to select alpha (opacity) value of a color. It accepts values from 0 to 1. AlphaSlider is a part of ColorPicker component, but can also be used separately.

<Demo data={ColorPickerDemos.alphaSlider} />