Add FormGroup component
This commit is contained in:
parent
e6b2e3a2ca
commit
1c03cdb809
3 changed files with 56 additions and 1 deletions
|
@ -1,6 +1,6 @@
|
|||
[package]
|
||||
name = "bootstrap-rs"
|
||||
version = "0.2.2"
|
||||
version = "0.2.3"
|
||||
authors = ["Thomas Gideon <cmdln@thecommandline.net>"]
|
||||
edition = "2018"
|
||||
|
||||
|
|
53
src/form/mod.rs
Normal file
53
src/form/mod.rs
Normal file
|
@ -0,0 +1,53 @@
|
|||
use crate::prelude::*;
|
||||
use yew::prelude::*;
|
||||
|
||||
pub struct FormGroup {
|
||||
pub props: Props,
|
||||
}
|
||||
|
||||
impl Component for FormGroup {
|
||||
type Message = ();
|
||||
type Properties = Props;
|
||||
|
||||
fn create(props: Self::Properties, _: ComponentLink<Self>) -> Self {
|
||||
Self { props }
|
||||
}
|
||||
|
||||
fn update(&mut self, _: Self::Message) -> ShouldRender {
|
||||
false
|
||||
}
|
||||
|
||||
fn change(&mut self, props: Self::Properties) -> ShouldRender {
|
||||
render_on_change(&mut self.props, props)
|
||||
}
|
||||
|
||||
fn view(&self) -> Html {
|
||||
html! {
|
||||
<div class=calculate_classes("form-group", (&self.props).into())>
|
||||
{ self.props.children.render() }
|
||||
</div>
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#[cfg(test)]
|
||||
mod tests {
|
||||
use super::*;
|
||||
|
||||
#[test]
|
||||
fn test() {
|
||||
let form_group = FormGroup {
|
||||
props: Props {
|
||||
margin: Some(Margin(Edge::All, 3)),
|
||||
padding: Some(Padding(Edge::Top, 3)),
|
||||
..Props::default()
|
||||
},
|
||||
};
|
||||
let expected = html! {
|
||||
<div class="form-group m-3 pt-3">
|
||||
<></>
|
||||
</div>
|
||||
};
|
||||
assert_eq!(expected, form_group.view());
|
||||
}
|
||||
}
|
|
@ -2,6 +2,7 @@ mod breadcrumb;
|
|||
mod button;
|
||||
mod card;
|
||||
mod container;
|
||||
mod form;
|
||||
pub mod input;
|
||||
mod jumbotron;
|
||||
pub mod prelude;
|
||||
|
@ -11,6 +12,7 @@ pub use self::{
|
|||
button::ButtonGroup,
|
||||
card::{Card, CardBody, CardHeader, CardText},
|
||||
container::Container,
|
||||
form::FormGroup,
|
||||
input::{Input, InputGroup, TextArea},
|
||||
jumbotron::Jumbotron,
|
||||
};
|
||||
|
|
Loading…
Reference in a new issue