diff --git a/.gitmodules b/.gitmodules index 198eefe..dd34f34 100644 --- a/.gitmodules +++ b/.gitmodules @@ -43,3 +43,6 @@ [submodule "theme-rs"] path = theme-rs url = https://github.com/opensass/theme +[submodule "browser-rs"] + path = browser-rs + url = https://github.com/opensass/browser-rs diff --git a/browser-rs b/browser-rs new file mode 160000 index 0000000..6163a01 --- /dev/null +++ b/browser-rs @@ -0,0 +1 @@ +Subproject commit 6163a01b1cf3d4990223efc059bf67d916961de2 diff --git a/src/SUMMARY.md b/src/SUMMARY.md index 7058d9f..e004a0b 100644 --- a/src/SUMMARY.md +++ b/src/SUMMARY.md @@ -37,6 +37,7 @@ - [Tooltip (TODO)]() - [Navigation]() - [Breadcrumbs (TODO)]() + - [Browser](./components/browser-rs.md) - [Navbar](./components/navbar.md) - [Pagination (TODO)]() - [Sidebar](./components/sidebar.md) diff --git a/src/components.md b/src/components.md index 8ed53f1..21289e4 100644 --- a/src/components.md +++ b/src/components.md @@ -10,7 +10,7 @@ | Data Entry | `Checkbox`, `Form`, `Input`, `Listbox`, `OTP`, `Radio`, `Select`, `Slider`, `Switch` | | Date & Time | `Calendar`, `Date`, `Time Input` | | Feedback | `Alert`, `Progress`, `Skeleton`, `Spinner`, `Toast`, `Tooltip` | -| Navigation | `Breadcrumbs`, `Navbar`, `Pagination`, `Sidebar`, `Tabs` | +| Navigation | `Breadcrumbs`, `Browser` `Navbar`, `Pagination`, `Sidebar`, `Tabs` | | Overlays | `Drawer`, `Dropdown`, `Modal`, `Popover` | | Structure | `Divider`, `Spacer` | | Utilities | `Autocomplete`, `Kbd`, `OTP` | diff --git a/src/components/browser-rs.md b/src/components/browser-rs.md new file mode 100644 index 0000000..492d095 --- /dev/null +++ b/src/components/browser-rs.md @@ -0,0 +1,52 @@ +# Browser RS + +{{#tabs }} + +{{#tab name="Yew" }} + +Edit Component + + +{{#include ../../browser-rs/YEW.md}} + +## Usage + + + +## CLI Usage + +You can import Browser RS directly into your project to customize and modify it using the [opensass cli](https://github.com/opensass/cli): + +```sh +os add browser-rs yew +``` + +{{#endtab}} + +{{#tab name="Dioxus"}} + +TODO + +{{#endtab}} + +{{#tab name="Leptos"}} + +TODO + +{{#endtab }} + +{{#endtabs }}