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
2022-03-09 07:24:53 -08:00
..
index.js Adding slider component (#12219) 2021-09-28 11:20:21 +05:30
index.scss Dark Mode Part 1: Switch to Using CSS Variables (#13147) 2022-01-06 11:35:49 -06:00
README.mdx Fix slider component to for new Storybook format (#12897) 2021-12-07 09:37:07 -08:00
slider.component.js Find and replace of all typography colors to design tokens (#13885) 2022-03-09 07:24:53 -08:00
slider.component.test.js Adding slider component (#12219) 2021-09-28 11:20:21 +05:30
slider.stories.js Fix slider component to for new Storybook format (#12897) 2021-12-07 09:37:07 -08:00

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="ui-components-ui-slider-slider-stories-js--default-story" />
</Canvas>

## Usage

### With Steps

Slider with predefined total steps

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

### With Header

Slider with header title

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

### With Footer

Slider with footer

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