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
George Marshall f9649a27f8
Update Text import paths: /ui (#20076)
* Updating Text import paths in ui folder

* Updating snapshot
2023-07-19 10:55:38 -07:00
..
index.js Adding slider component (#12219) 2021-09-28 11:20:21 +05:30
index.scss Dark Mode: Replace color occurences (#14112) 2022-03-23 16:43:53 +01:00
README.mdx Added storybook check to CI (#17092) 2023-01-21 00:57:46 +05:30
slider.component.js Update Text import paths: /ui (#20076) 2023-07-19 10:55:38 -07:00
slider.component.test.js Adding slider component (#12219) 2021-09-28 11:20:21 +05:30
slider.stories.js Added storybook check to CI (#17092) 2023-01-21 00:57:46 +05:30

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>