Wondering what’s next for npm?Check out our public roadmap! »

    @vaadin-component-factory/vcf-dark-mode-switch

    1.0.2 • Public • Published

    <vcf-dark-mode-switch>

    Demo

    https://vcf-dark-mode-switch.netlify.com/

    Installation

    Install vcf-dark-mode-switch:

    npm i @vaadin-component-factory/vcf-dark-mode-switch --save

    Usage

    Once installed, import it in your application:

    import '@vaadin-component-factory/vcf-dark-mode-switch';

    And use it:

    <vcf-dark-mode-switch></vcf-dark-mode-switch>

    You can provide a label via a label attribute.

    By toggling the dark mode switch:

    • A theme="dark" attribute will be toggled on the html tag.
    • The user's preference will be persisted on localStorage with a key vcf-dark-mode.
    • On page refresh, the persisted user's preference will be applied.

    Note that the component applies dark mode preference from the OS level if the user's preference is not set.

    Running demo

    1. Fork the vcf-dark-mode-switch repository and clone it locally.

    2. Make sure you have npm installed.

    3. When in the vcf-dark-mode-switch directory, run npm install to install dependencies.

    4. Run npm start to open the demo.

    Contributing

    To contribute to the component, please read the guideline first.

    License

    Apache License 2.0

    Install

    npm i @vaadin-component-factory/vcf-dark-mode-switch

    DownloadsWeekly Downloads

    2

    Version

    1.0.2

    License

    https://raw.githubusercontent.com/vaadin/vaadin-incubator-element/master/LICENSE

    Unpacked Size

    26.6 kB

    Total Files

    17

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar