1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/ui/slider
2023-05-08 08:34:24 -05:00
..
index.js
index.scss
README.mdx
slider.component.js
slider.component.test.js
slider.stories.js

import { Story, Canvas, ArgsTable } from '@storybook/addon-docs';

import Slider from '.';

# Slider

Slider component to choose a value from predefined range of values.

<Canvas>
  <Story id="components-ui-slider--default-story" />
</Canvas>

## Usage

### With Steps

Slider with predefined total steps

<Canvas>
  <Story id="components-ui-slider--with-steps" />
</Canvas>

### With Header

Slider with header title

<Canvas>
  <Story id="components-ui-slider--with-header" />
</Canvas>

### With Footer

Slider with footer

<Canvas>
  <Story id="components-ui-slider--with-footer" />
</Canvas>