Newly Purchased Memories

    @visual-framework/vf-badge

    2.0.1 • Public • Published

    Badge component

    npm version

    About

    The vf-badge component is used to denote if a page, section, or link has a production state of alpha, beta or other information.

    Usage

    The vf-badge accepts a single text item of content.

    content type variable description
    text text

    Links

    The vf-badge component can also be a link using <a class="vf-badge" href="">badge title</a>.

    Nunjucks and yml options

    Nunjucks and YML variables available

    variable options default
    text
    badge_href null
    theme 'primary'
    style 'outline'
    override_class
    id

    Install

    This repository is distributed with npm. After installing npm and yarn, you can install vf-profile with this command.

    $ yarn add --dev @visual-framework/vf-badge
    

    Sass/CSS

    The style files included are written in Sass. If you're using a VF-core project, you can import it like this:

    @import "@visual-framework/vf-badge/index.scss";
    

    Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter

    Help

    Install

    npm i @visual-framework/vf-badge

    DownloadsWeekly Downloads

    806

    Version

    2.0.1

    License

    Apache 2.0

    Unpacked Size

    16.2 kB

    Total Files

    10

    Last publish

    Collaborators

    • pacope92
    • ebiwebdev
    • nitinja
    • sandykadam
    • khawkins98