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

Use as a library (in your project)

yewprint = { git = "https://github.com/cecton/yewprint.git", branch = "main" }

right now you need a specific version of Yew to use Yewprint
yew = { git = "https://github.com/yewstack/yew.git", rev = "db3170f629f" }
other yew dependencies need to use this version
yew-router = { git = "https://github.com/yewstack/yew.git", rev = "db3170f629f" }
yewtil = { git = "https://github.com/yewstack/yew.git", rev = "db3170f629f", features = ["pure"] }

You will also need the CSS from blueprint. For that you can either include the CSS file directly or you can look at the script build.sh and see how it is downloaded automatically.

Development

This section will walk you through setting up the environment required to modify the source of

yewprint

Prerequisites

• Rust (stable)
• wasm-pack
• simple-http-server
• cargo-watch

Troubleshooting

• I can't install

  cargo-watch

  on OSX.

  This happens on some machines. Try installing the pre-compiled binary instead.

Run the development server

./dev.sh

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)
  • HTML elements
  • HTML table
  • Non-ideal state
  • HTML select
  • HTML input
  • Search field
• [ ] Breadcrumbs
• [x] Button
  • [ ] Complete Button API
  • [ ] AnchorButton
• [x] ButtonGroup
  • depends on: Button
• [x] Callout
• [x] Card
• [x] Collapse
• [ ] CollapsibleList
• [x] Divider
  • depends on: ButtonGroup
• [ ] EditableText
• [ ] Hotkeys
• [x] Icon
• [x] Menu
  • [ ] Complete Menu API
  • depends on: Popover
• [ ] Popover (dropdowns)
  • depends on: Overlay
• [ ] Navbar
• [ ] OverflowList
• [ ] PanelStack
• [x] ProgressBar
• [ ] ResizeSensor
• [ ] Skeleton
• [ ] Spinner
• [x] Tabs
• [x] Tag
  • depends on: Text
• [x] Text
• [x] Tree
  • depends on: Collapse, Icon
• [ ] FormGroup
• [ ] ControlGroup
• [ ] Label
• [ ] Checkbox
• [ ] RadioGroup
• [ ] Sliders
• [ ] RangeSlider
• [ ] MultiSlider
• [x] 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