-
-Fork this repository by clicking on the fork button on the top of this page.
-This will create a copy of this repository in your account.
-
-
-
-Now clone the forked repository to your machine. Go to your GitHub account, open the forked repository, click on the code button and then click the _copy to clipboard_ icon.
-
-Open a terminal and run the following git command:
-
-```
-git clone "url you just copied"
-```
-
-where "url you just copied" (without the quotation marks) is the url to this repository (your fork of this project). See the previous steps to obtain the url.
-
-> use SSH tab to copy proper URL
-
-
-
-For example:
-
-```
-git clone git@github.com:$USER/yew-components.git
-```
-
-where `$USER` is your GitHub username. Here you're copying the contents of the `yew-components` repository on GitHub to your computer.
-
-
-
-
-If you go to the project directory and execute the command `git status`, you'll see there are changes.
-
-Add those changes to the branch you just created using the `git add` command:
-
-```
-git add .
-```
-
-Now commit those changes using the `git commit` command:
-
-```
-git commit -m "$COMMENT"
-```
-
-replacing `$COMMENT` with appropriate description of your changes.
-
-### Push changes to GitHub
-
-Push your changes using the command `git push`:
-
-```
-git push origin 
-
-Now submit the pull request.
-Do not forget to set develop branch for your pull request.
-
-
-
-
-## Where to go from here?
-
-Congrats! You just completed the standard _fork -> clone -> edit -> pull request_ workflow that you'll encounter often as a contributor!
-
-You can check more details in our **[detailed contribution guide](https://angular-rust.github.io/contributing/)**.
-
-You could join our gitter team in case you need any help or have any questions. [Join gitter team](https://gitter.im/angular_rust/community).
diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md
deleted file mode 100644
index bcf7cbf..0000000
--- a/CONTRIBUTORS.md
+++ /dev/null
@@ -1,10 +0,0 @@
-YEW Components contributors (sorted alphabetically)
-============================================
-
-* **[Victor Dudochkin](https://github.com/dudochkin.victor)**
-
- * Core development
-
-
-
-**[Full contributors list](https://github.com/angular-rust/yew-components/contributors).**
\ No newline at end of file
diff --git a/Cargo.toml b/Cargo.toml
deleted file mode 100644
index 14d25a8..0000000
--- a/Cargo.toml
+++ /dev/null
@@ -1,121 +0,0 @@
-[package]
-name = "ymc"
-version = "0.1.0"
-authors = ["Victor Dudochkin
-
-[](#top)
-# YEW Material Components
-
-[![API Docs][docrs-badge]][docrs-url]
-[![Crates.io][crates-badge]][crates-url]
-[![Code coverage][codecov-badge]][codecov-url]
-[![Tests][tests-badge]][tests-url]
-[![MPL-2.0 licensed][license-badge]][license-url]
-[![Gitter chat][gitter-badge]][gitter-url]
-[![loc][loc-badge]][loc-url]
-
-
-[docrs-badge]: https://img.shields.io/docsrs/ymc?style=flat-square
-[docrs-url]: https://docs.rs/uymc/
-[crates-badge]: https://img.shields.io/crates/v/ymc.svg?style=flat-square
-[crates-url]: https://crates.io/crates/ymc
-[license-badge]: https://img.shields.io/badge/license-MPL--2.0-blue.svg?style=flat-square
-[license-url]: https://github.com/angular-rust/yew-components/blob/master/LICENSE
-[gitter-badge]: https://img.shields.io/gitter/room/angular_rust/community.svg?style=flat-square
-[gitter-url]: https://gitter.im/angular_rust/community
-[tests-badge]: https://img.shields.io/github/workflow/status/angular-rust/yew-components/Tests?label=tests&logo=github&style=flat-square
-[tests-url]: https://github.com/angular-rust/yew-components/actions/workflows/tests.yml
-[codecov-badge]: https://img.shields.io/codecov/c/github/angular-rust/yew-components?logo=codecov&style=flat-square&token=OWZIWBTGII
-[codecov-url]: https://codecov.io/gh/angular-rust/yew-components
-[loc-badge]: https://img.shields.io/tokei/lines/github/angular-rust/yew-components?style=flat-square
-[loc-url]: https://github.com/angular-rust/yew-components
-
-Material Design Components for the Yew framework.
-
-**Angular Rust** is a high productivity, `platform-agnostic` frontend framework for the [Rust language](https://www.rust-lang.org/). It now supports desktop and web development. Angular Rust currently uses GTK for desktop development and WebAssembly for web development. We are planning to add support for mobile development.
-
-Yew Material Components is a components library for [Yew framework](https://yew.rs/) which is a wrapper around [Material Design Components](https://github.com/material-components/material-components-web) exposing Yew components. All modern browsers are supported.
-
-
-## Getting started
-
-### Installation
-
-Currently, this library is available from [crates.io](https://crates.io/). Add it using `cargo-edit`
-```
-cargo add ymc
-```
-
-Cargo features are used to pick the components. See [features](#features)
-
-`Cargo.toml`:
-```toml
-[dependencies]
-ymc = { version = "0.1", features = ["full"] }
-```
-Material icons and a Material font can also be imported for full functionality.
-`index.html`:
-```html
-
-
-```
-
-It's also important to note that you need `viewport` `meta` tag for the Material Components to be responsive.
-```html
-
-```
-
-### Features
-
-Following are all the cargo features available (each feature corresponds to its respective component):
-
-- [x] `banner`
-- [x] `button`
-- [x] `card`
-- [x] `checkbox`
-- [x] `chips`
-- [x] `circular-progress-four-color`
-- [x] `circular-progress`
-- [x] `data-table`
-- [x] `dialog`
-- [x] `drawer`
-- [x] `fab`
-- [x] `formfield`
-- [x] `icon-button-toggle`
-- [x] `icon-button`
-- [x] `icon`
-- [x] `image-list`
-- [x] `linear-progress`
-- [x] `list`
-- [x] `menu`
-- [x] `radio`
-- [x] `select`
-- [x] `slider`
-- [x] `slider`
-- [x] `snackbar`
-- [x] `switch`
-- [x] `tabs`
-- [x] `textarea`
-- [x] `textfield`
-- [x] `tooltip`
-- [x] `top-app-bar-fixed`
-- [x] `top-app-bar`
-
-`full` feature enables all the components
-
-## Adding additional components
-This is still a work in progress... feel free to add additional components.
-
-To port a component that hasn't been ported yet open [TODO](https://github.com/angular-rust/yew-components/blob/main/TODO.md)
-
-Implement a component you need and add it to the src/ directory.
-
-## Theming
-
-These components respect the theming applied to Material Design Components using stylesheets. [Learn about how to theme Material Design Components.](https://github.com/material-components/material-components-web-components/blob/master/docs/theming.md)
-
-
-## Learn More
-
-* [Manual, Docs, etc](https://angular-rust.github.io/)
-* [Samples](https://github.com/angular-rust/ux-samples)
-* [Apps using Angular Rust](https://github.com/angular-rust/yew-components/wiki/Apps-in-the-Wild)
-* [Articles Featuring Angular Rust](https://github.com/angular-rust/yew-components/wiki/Articles)
-
-
-## Community
-
- [](https://www.facebook.com/groups/angular.rust)
- [](https://stackoverflow.com/questions/tagged/angular-rust)
- [](https://www.youtube.com/channel/UCBJTkSl_JWShuolUy4JksTQ)
- [](https://medium.com/@angular.rust)
- [](https://gitter.im/angular_rust/community)
-
-
-## Contributing
-
-We believe the wider community can create better code. The first tool for improving the community is to tell the developers about the project by giving it a star. More stars - more members.
-
- [](https://github.com/angular-rust/yew-components#top)
-
-Angular Rust is a community effort and we welcome all kinds of contributions, big or small, from developers of all backgrounds. We want the Angular Rust community to be a fun and friendly place, so please review our [Code of Conduct](CODE_OF_CONDUCT.md) to learn what behavior will not be tolerated.
-
-### New to Angular Rust?
-
-Start learning about the framework by helping us improve our [documentation](https://angular-rust.github.io/). Pull requests which improve test coverage are also very welcome.
-
-### Looking for inspiration?
-
-Check out the community curated list of awesome things related to Angular Rust / WebAssembly at [awesome-angular-rust](https://github.com/angular-rust/awesome-angular-rust).
-
-### Confused about something?
-
-Feel free to drop into our [Gitter chatroom](https://gitter.im/angular_rust/community) or open a [new "Question" issue](https://github.com/angular-rust/yew-components/issues/new/choose) to get help from contributors. Often questions lead to improvements to the ergonomics of the framework, better documentation, and even new features!
-
-### Ready to dive into the code?
-
-After reviewing the [Contributing Code Guidelines](CONTRIBUTING.md), check out the ["Good First Issues"](https://github.com/angular-rust/yew-components/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22) (they are eager for attention!). Once you find one that interests you, feel free to assign yourself to an issue and don't hesitate to reach out for guidance, the issues vary in complexity.
-
-### Let's help each other!
-
-Come help us on the [issues that matter that the most](https://github.com/angular-rust/yew-components/labels/%3Adollar%3A%20Funded%20on%20Issuehunt) and receive a small cash reward for your troubles. We use [Issuehunt](https://issuehunt.io/r/angular-rust/yew-components/) to fund issues from our Open Collective funds. If you really care about an issue, you can choose to add funds yourself!
-
-### Found a bug?
-
-Please [report all bugs!](https://github.com/angular-rust/yew-components/issues/new/choose) We are happy to help support developers fix the bugs they find if they are interested and have the time.
-
-## Todo
-- [ ] Documentation
-
-## Alternatives
-
-- https://github.com/Follpvosten/yew-mdc
-- https://github.com/AlephAlpha/muicss-yew
-
-## Resources
-
-- https://github.com/material-components/material-components-web
-- https://github.com/material-components/material-components-web-react
-- https://material-components.github.io/material-components-web-catalog/#/
-- https://github.com/jamesmfriedman/rmwc
-- https://github.com/pgbross/vue-material-adapter
-- https://github.com/material-components/material-components-web/blob/master/docs/integrating-into-frameworks.md
-- https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
+# yew-components github pages
\ No newline at end of file
diff --git a/SECURITY.md b/SECURITY.md
deleted file mode 100644
index 27f409c..0000000
--- a/SECURITY.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# Security Policy
-
-If you believe you have found a security vulnerability in Angular Rust, we encourage you to let us know right away. We will investigate all legitimate reports and do our best to quickly fix the problem.
-
-## Reporting a Vulnerability
-
-To report a security vulnerability, please create a Github issue [here](https://github.com/angular-rust/yew-components/issues/new).
-
-If you can, please include the following details:
-* An MCVE (minimum complete verifiable example) – this is a short code snippet which demonstrates the error in the
-the simplest possible (or just a simple) way.
-* Which versions of Angular Rust the vulnerability is present in
-* What effects the vulnerability has and how serious the vulnerability is
\ No newline at end of file
diff --git a/TODO.md b/TODO.md
deleted file mode 100644
index 06f0827..0000000
--- a/TODO.md
+++ /dev/null
@@ -1,35 +0,0 @@
-## From Spec
-
-- [ ] Dividers
-- [ ] Backdrop
-- [ ] Sheets
-- [ ] Time pickers
-- [ ] Date pickers
-
-## From Vuetify
-
-- [ ] Stepper
-- [ ] Treeview
-- [ ] Rating
-- [ ] Color Picker
-- [ ] Parallax
-- [ ] Pagination
-- [ ] Overlays
-- [ ] Groups
- - [ ] Button Group
- - [ ] Chip Group
- - [ ] Item Group
- - [ ] ListItem Group
- - [ ] Side Group
- - [ ] Windows
-- [ ] Grid System
-- [ ] TimeLine
-- [ ] Selects
-- [ ] Footers
-- [ ] Expansion Panel
-- [ ] Carousel
-- [ ] Calendar
-- [ ] BreadCrumbs
-- [ ] Badges
-- [ ] Avatars
-- [ ] Allerts
diff --git a/book.toml b/book.toml
new file mode 100644
index 0000000..7d69777
--- /dev/null
+++ b/book.toml
@@ -0,0 +1,10 @@
+[book]
+title = "Yew Material Components"
+authors = ["Victor Dudochkin"]
+language = "en"
+multilingual = false
+src = "src"
+
+[output.html]
+theme = "src/theme"
+site-url = "/yew-components/"
diff --git a/src/SUMMARY.md b/src/SUMMARY.md
new file mode 100644
index 0000000..7390c82
--- /dev/null
+++ b/src/SUMMARY.md
@@ -0,0 +1,3 @@
+# Summary
+
+- [Chapter 1](./chapter_1.md)
diff --git a/src/banner.rs b/src/banner.rs
deleted file mode 100644
index 6806b49..0000000
--- a/src/banner.rs
+++ /dev/null
@@ -1,100 +0,0 @@
-#![allow(unused_variables)]
-#![allow(dead_code)]
-#![allow(unused_imports)]
-
-use super::to_option;
-use wasm_bindgen::prelude::*;
-use yew::prelude::*;
-
-pub struct Banner {
- link: ComponentLink
-
- }
- }
-}
diff --git a/src/card/actions.rs b/src/card/actions.rs
deleted file mode 100644
index e69de29..0000000
diff --git a/src/card/buttons.rs b/src/card/buttons.rs
deleted file mode 100644
index e69de29..0000000
diff --git a/src/card/media.rs b/src/card/media.rs
deleted file mode 100644
index e69de29..0000000
diff --git a/src/card/primary_action.rs b/src/card/primary_action.rs
deleted file mode 100644
index e69de29..0000000
diff --git a/src/chapter_1.md b/src/chapter_1.md
new file mode 100644
index 0000000..b743fda
--- /dev/null
+++ b/src/chapter_1.md
@@ -0,0 +1 @@
+# Chapter 1
diff --git a/src/checkbox.rs b/src/checkbox.rs
deleted file mode 100644
index 1d84d76..0000000
--- a/src/checkbox.rs
+++ /dev/null
@@ -1,108 +0,0 @@
-#![allow(unused_variables)]
-#![allow(dead_code)]
-
-use super::to_option;
-use gloo::events::EventListener;
-use wasm_bindgen::prelude::*;
-use web_sys::{Element, Node};
-use yew::prelude::*;
-
-/// The `checkbox` component
-///
-/// [Documentation](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox)
-pub struct Checkbox {
- props: CheckboxProps,
- node_ref: NodeRef,
- change_listener: Option
-
-
-
- { "Title" }
-
-
-
-
-
-
-
- }
- }
-
- fn rendered(&mut self, first_render: bool) {
- // let element = self.node_ref.cast::
-
-
-
-
-
-
-
-
- { &self.label }
-
-
-
- }
- }
-}
-
-// chips
-
-
-pub struct Chips {
- props: ChipsProps,
- node_ref: NodeRef,
- action_listener: Option
- { self.view_items() }
-
- }
- }
-}
-
-impl Chips {
- fn view_items(&self) -> Html {
- html! {{
- for self.props.children.iter().enumerate().map(|(i, mut c)| {
- c
- })
- }}
- }
-}
-
-impl WeakComponentLink- ()
- // .unwrap();
- // list.toggle(index, force)
- }
-
- /// Binds to `getFocusedItemIndex` method.
- ///
- /// See [here](https://github.com/material-components/material-components-web-components/tree/master/packages/list#methods) for details
- pub fn get_focused_item_index(&self) -> usize {
- // (*self.borrow().as_ref().unwrap().get_component().unwrap())
- // .node_ref
- // .cast::
- ()
- // .unwrap()
- // .get_focused_item_index()
- unimplemented!()
- }
-
- /// Binds to `focusItemAtIndex` method.
- ///
- /// See [here](https://github.com/material-components/material-components-web-components/tree/master/packages/list#methods) for details
- pub fn focus_item_at_index(&self, index: usize) {
- // (*self.borrow().as_ref().unwrap().get_component().unwrap())
- // .node_ref
- // .cast::
- ()
- // .unwrap()
- // .focus_item_at_index(index)
- }
-}
diff --git a/src/circular_progress.rs b/src/circular_progress.rs
deleted file mode 100644
index dba9799..0000000
--- a/src/circular_progress.rs
+++ /dev/null
@@ -1,97 +0,0 @@
-use super::to_option;
-use wasm_bindgen::prelude::*;
-use yew::prelude::*;
-
-pub struct CircularProgress {
- link: ComponentLink
-
- }
- }
-}
-
-//
\ No newline at end of file
diff --git a/src/circular_progress_four_color.rs b/src/circular_progress_four_color.rs
deleted file mode 100644
index 298b0a8..0000000
--- a/src/circular_progress_four_color.rs
+++ /dev/null
@@ -1,92 +0,0 @@
-use super::to_option;
-use wasm_bindgen::prelude::*;
-use yew::prelude::*;
-
-pub struct CircularProgressFourColor {
- link: ComponentLink
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- }
-}
diff --git a/src/datatable.rs b/src/datatable.rs
deleted file mode 100644
index 16b3641..0000000
--- a/src/datatable.rs
+++ /dev/null
@@ -1,117 +0,0 @@
-#![allow(unused_variables)]
-#![allow(dead_code)]
-#![allow(unused_imports)]
-
-use super::to_option;
-use wasm_bindgen::prelude::*;
-use yew::prelude::*;
-
-pub struct DataTable {
- link: ComponentLink
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
- }
-}
diff --git a/src/date_picker.rs b/src/date_picker.rs
deleted file mode 100644
index e69de29..0000000
diff --git a/src/dialog.rs b/src/dialog.rs
deleted file mode 100644
index 3d065dd..0000000
--- a/src/dialog.rs
+++ /dev/null
@@ -1,223 +0,0 @@
-#![allow(unused_variables)]
-#![allow(dead_code)]
-
-mod dialog_action;
-pub use dialog_action::*;
-
-use super::{event_details_into, to_option, WeakComponentLink};
-use gloo::events::EventListener;
-use wasm_bindgen::prelude::*;
-use web_sys::{Element, Node};
-use yew::prelude::*;
-
-/// The `dialog` component.
-///
-/// [Documentation](https://github.com/material-components/material-components-web-components/tree/master/packages/dialog)
-///
-/// ## Actions
-///
-/// In order to pass actions, [`DialogAction`] component should be
-/// used.
-pub struct Dialog {
- props: DialogProps,
- node_ref: NodeRef,
- opening_listener: Option
-
-
-
-
- | { "Dessert" } | -{ "Carbs (g)" } | -{ "Protein (g)" } | -{ "Comments" } | -
|---|---|---|---|
| { "Frozen yogurt" } | -{ "24" } | -{ "4.0" } | -{ "Super tasty" } | -
| { "Ice cream sandwich" } | -{ "37" } | -{ "4.33333333333" } | -{ "I like ice cream more" } | -
| { "Eclair" } | -{ "24" } | -{ "6.0" } | -{ "New filing flavor" } | -