mirror of
https://github.com/yewprint/yewprint
synced 2024-11-21 19:13:05 +00:00
No description
bbd613206a
blueprintjs, even on v4, apparently only works on desktop targets (it uses mouse events), but I'm using yewprint for _something_ and I needed it to work on mobile devices. It seems pointer events + pointer capture is the way to go in 2023, so that's what this uses! Tested on Chrome macOS, Firefox macOS, Safari macOS, and Chrome Android and it works fine. You can drag starting from the handle or starting from anywhere on the slider itself, you can still move the pointer up/down outside the slider while holding it, focusing the handle + using arrow keys still works as before. I guess the only breaking change is that you can move the slider with a secondary mouse button now, but since PointerEvent inherits from MouseEvent it might be possible to re-add that restriction, if anyone cares about it enough. |
||
---|---|---|
.cargo | ||
.github | ||
src | ||
xtask | ||
yewprint-css | ||
yewprint-doc | ||
.gitattributes | ||
.gitignore | ||
.rustfmt.toml | ||
Cargo.lock | ||
Cargo.toml | ||
CODE_OF_CONDUCT.md | ||
LICENSE.Apache-2.0 | ||
LICENSE.MIT | ||
netlify.toml | ||
README.md | ||
rust-toolchain |
Yewprint
It's Blueprint, but for Yew in Rust.
Warning: This is in early development and it is possible it won't be finished if there is no interest. Don't use this in production! Please help or leave a star to let me know you are interested in this project.
Installation
Usage
Check the template repository to see how things work. The Blueprint CSS needs to be downloaded from your build script.
To easily get started, you can use cargo-generate to get started very quickly:
cargo generate --git https://github.com/yewprint/yewprint-template.git
Development Environment
cargo xtask start
You can now go to http://localhost:8000
Blueprint CSS update
cargo xtask update-css
Roadmap
- Doc web-site designed with the library itself (like https://blueprintjs.com) including link to the Yew library
- FocusStyleManager
- Classes & Typography (and bp3- prefix)
- Breadcrumbs
- Button
- Complete Button API
- AnchorButton
- ButtonGroup
- depends on: Button
- Callout
- Card
- Collapse
- CollapsibleList
- Divider
- depends on: ButtonGroup
- EditableText
- Hotkeys
- Icon
- Menu
- Complete Menu API
- depends on: Popover
- Popover (dropdowns)
- depends on: Overlay
- Navbar
- OverflowList
- PanelStack
- ProgressBar
- ResizeSensor
- Skeleton
- Spinner
- Tabs
- Tag
- depends on: Text
- Text
- Tree
- depends on: Collapse, Icon
- FormGroup
- ControlGroup
- Label
- Checkbox
- RadioGroup
- Sliders
- RangeSlider
- MultiSlider
- Switch
- Complete Switch API
- FileInput
- NumericInput
- InputGroup
- TextArea
- TagInput
- Overlay
- depends on: Portal
- Portal
- Alert
- depends on: Button, Dialog
- Context menu
- depends on: Popover
- Dialog
- depends on: Icon, Overlay, Button
- Drawer
- depends on: Icon, Overlay, Button
- Popover
- depends on: ResizeSensor, Tooltip, Overlay
- Toast
- depends on: Button, ButtonGroup, Icon, AnchorButton
- Tooltip
- depends on: Popover
- DatePicker
- DateRangePicker
- TimePicker
- DateTimePicker
- DateInput
- DateRangeInput
- Select
- Suggest
- MultiSelect
- Omnibar
- QueryList
- Table
- TimezonePicker