---
{
  title: 'Range',
  layout: 'docs.11ty.js',
  tag: 'nve-range'
}
---

## Installation

{% install 'nve-range' %}

## Datalist

{% example '@nvidia-elements/core/range/range.examples.json' 'Datalist' %}

## Step

{% example '@nvidia-elements/core/range/range.examples.json' 'Step' %}

## Datalist With Steps

{% example '@nvidia-elements/core/range/range.examples.json' 'DatalistWithSteps' %}

## Layout

{% api 'nve-range', 'property', 'layout' %}

### Vertical

{% example '@nvidia-elements/core/range/range.examples.json' 'Vertical' %}

### Horizontal

{% example '@nvidia-elements/core/range/range.examples.json' 'Horizontal' %}

## Orientation

{% api 'nve-range', 'property', 'orientation' %}

### Vertical

{% example '@nvidia-elements/core/range/range.examples.json' 'OrientationVertical' %}

### Vertical Datalist

{% example '@nvidia-elements/core/range/range.examples.json' 'OrientationVerticalDatalist' %}
