1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
George Marshall 5592687df1
Updating design tokens package and shadow values with new tokens (#15264)
* Updating design tokens v1.8 and shadows

* Adding missing stories

* Some fixes and updates to css and stories

* removing unneeded story

* Fixing story order
2022-07-21 15:43:31 -07: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>