🚀 - `Range`, `InputRange` add `[margin]` & `[limit]` - Githubissues

taiga-family / taiga-ui

Angular UI Kit and components library for awesome people

https://taiga-ui.dev

Apache License 2.0

3.1k stars 408 forks source link

🚀 - `Range`, `InputRange` add `[margin]` & `[limit]` #3434

Open nsbarsukov opened 1 year ago

nsbarsukov commented 1 year ago

Which @taiga-ui/* package(s) are relevant/releated to the feature request?

kit

Description

Range

We should add new @Input()-properties for Range-component:

margin - the minimum distance between the thumbs. See https://refreshless.com/nouislider/slider-options/#section-margin
limit - the maximum distance between two thumbs. See https://refreshless.com/nouislider/slider-options/#section-limit

InputRange

Should we just duplicates the same input properties ?

Maybe it is better to pass Range-component inside InputRange ?

<tui-input-range>
    <input tuiTextfield />

    <tui-range [margin]="5" [limit]="30"></tui-range>
</tui-input-range>

(we need to discuss it and probably create the separate issue for InputRange)

LarisaGl commented 1 week ago

Hi! I`ll take it