N00b's Programming Machine

    tidy-select
    TypeScript icon, indicating that this package has built-in type declarations

    1.5.0 • Public • Published

    tidy-select

    JavaScript library for making HTML selects more tidy.

    Based heavily off of the original jQuery based tidy-select, this turns it into a no dependencies web component.

    Usage

    Somewhere in your project just require the tidy select module:

    import 'tidy-select';

    Then you can use it in your HTML:

    <tidy-select>
      <option value="1">One!</option>
      <option value="2" data-description="I have a description">Two!</option>
    </tidy-select>

    Styles

    Some styles can be customized using CSS variables:

    tidy-select {
      --width: 50%;
      --arrow-color: gray;
      --border-color: red;
      --border-radius: 4px;
      --input-padding: 1rem 1rem;
      --input-line-height: 1.5rem;
      --input-font-size: 1rem;
      --description-font-size: 0.8rem;
    }

    Keywords

    none

    Install

    npm i tidy-select

    DownloadsWeekly Downloads

    16

    Version

    1.5.0

    License

    MIT

    Unpacked Size

    11.6 kB

    Total Files

    5

    Last publish

    Collaborators

    • dphaener