🎨
Valence
🎨
Valence
  • Overview
    • πŸ‘‹Welcome to Valence
    • πŸ„β€β™‚οΈGetting started
  • Core Concepts
    • Responsiveness
    • Color
      • List of colors
      • Color types
    • Polymorphism
  • Valence Core
    • πŸƒβ€β™‚οΈFundamentals
      • 🎬The ValenceProvider
      • ✍️Using custom fonts
    • 🧱Components
      • πŸ”˜Buttons
        • Button with icon
        • Grid Button
        • Text button
        • Icon button
        • Multi-part button
        • Unstyled button
        • Primitive button
      • ⌨️Inputs
        • Color Picker
        • Text input
        • Text area
        • Number input
        • Select input
        • Switch
        • Slider
        • Range slider
        • Pill selector
        • Input container
        • Dropdown container
      • πŸ–₯️Display
        • Accordion
        • Alert
        • Color Swatch
        • Icon
        • Image
        • Avatar
        • Avatar Group
        • Loader
        • Pill
        • Spoiler
        • Stepper
        • Text
        • Title
      • 🧩Layout
        • App Container
        • Card
        • Flex
          • Flex Center
          • Styled Flex
        • Floating Toolbar
        • Grid
        • Header
        • Overflow Container
        • Space
      • πŸ—ΊοΈNavigation
        • App Nav
      • πŸ”ΌOverlays
        • Modal
        • Tooltip
        • Modal background
        • πŸ“°Sheets
          • Bottom Sheet
          • Dynamic Sheet
          • Side Sheet
    • πŸͺHooks
      • UseColorScheme
      • UseColors
      • UseControlledList
      • UseDetectKeyDown
      • UseDisclosure
      • UseFloating
      • UseTooltip
      • UseBreakpoint
      • UseResponsiveProps
    • 🀚Generics
      • Generic button props
      • Generic input props
      • Generic Sheet Props
  • Valence Plugins
    • 🎠Valence Carousel
      • Carousel Child Props
  • Valence Utils
    • βœ‹Generics
      • Clickable
      • Events
      • Global
      • Grid
      • Layout
      • Overlay
      • Polymorphic
    • πŸ§œβ€β™€οΈPolymorphism
      • Polymorphic Button
      • Polymorphic Layout
      • Polymorphic Text
  • Update Notes
    • 3.0.0
    • 2.7.0
    • 2.6.0
    • 2.5.0
    • 2.4.0
    • 2.3.0
    • 2.2.0
    • 2.1.0
    • 2.0.0
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub

Last updated 11 months ago

Was this helpful?

Valence is designed to be usable across web-apps and native applications (via something like Capacitor.JS). Its functionality can also be expanded using Plugin packages, which provide novel features that may not be necessary for every developer.

About the Core packages

Valence's two core packages, core and utils, are required for all projects that use Valence. utils includes basic type declarations and low-level utilities, and core contains components, hooks, and the "meat" of the system.

Updated in Valence 3

Discipline packages have now been retired. This means that all components previously kept within the app package have been consolidated into the core package.

About the Plugin packages

Plugin packages are completely optional packages that provide specific and sometimes niche utilities and components.

  1. Overview

πŸ„β€β™‚οΈGetting started

Last updated: 3.0.0 (03/07/2024)

PreviousWelcome to ValenceNextResponsiveness
npm install @valence-ui/core @valence-ui/utils

Valence Carousel

A custom horizontal carousel component designed for maximum usability in desktop and mobile environments.

  • About the Core packages
  • About the Plugin packages