Neoanthropic Preternatural Murmurings
    Have ideas to improve npm?Join in the discussion! »

    @vcl/rating

    0.6.3 • Public • Published

    VCL rating

    Rating.

    Features

    Can visualize the current average rating and take ratings as input by click on a discrete rating item. The rating items are vclIcons with proper ARIA attributes. As an input control, it supports a read read-only mode.

    Usage

    Basic.

    basic example

    Highlighted items to visualize the covered range of a rating when hovered with a pointer. In this example, the third item is hovered.

    highlight example

    Disabled (read-only).

    disabled example

    Classes

    • vclRating
    • vclRatingItem

    Modifiers

    • vclDisabled
    • vclRatingItemHighlighted: For rating items to visualize the range of a rating affordance on hover.

    Variables

    • --rating-item-color
    • --rating-item-disabled-color
    • --rating-item-highlighted-color

    Demo

    example.html on GH-pages.

    Install

    npm i @vcl/rating

    DownloadsWeekly Downloads

    27

    Version

    0.6.3

    License

    MIT

    Unpacked Size

    8.64 kB

    Total Files

    10

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar