Range

Alpha 1.2Kb

import 'pyro/range'

Preview Code Stackblitz

Usage

<pyro-range></pyro-range>

Variations

Props

interface RangeProps {
  /** Current value */
  value: number;
  /** Min value */
  min?: number;
  /** Max value */
  max?: number;
  /** Step size or interval between values */
  step?: number;
  /** Shows explicitly the current value */
  explicit?: boolean;
  onInput?: (e: TargetValueEvent) => void;
  children?: any;
}

Slots

/**
 * @slot image - Image on top, prefers `<img>` or `<picture>`
 * @slot header - Header content, prefers `<h*>` or `<header>`
 * @slot content - Main content of the card, any element
 * @slot footer - Header content, prefers `<footer>`
 */

CSS prop theming

The

Full theming sheet

/**
 * TODO
 */