@vicnz-adamg/sex-selector NPM

Using the Custom Selector

Behold the sex selector it has only two values male and female values

Usage

<html>
    <head>
        ...
        <script src="sex-selector.js"/>
        <!-- can be imported as a deferred script to prevent load errors-->
        <!-- <script src="sex-selector.js" defer/> -->
    </head>
    <body>
        <sex-selector/>
    </body>
</html>

with default value

<sex-selector value="male"/>

change accent color

<sex-selector accent="red"/>

listen to value changes

const sexSelector = document.getElementByTag('sex-selector')

sexSelector.addEventListener('change', function (event) {

    console.log(event.target.active)

})

web components web api selector

0.0.1

1 year ago