Struct ElementBuilder

pub struct ElementBuilder { /* private fields */ }

Build an HTML element.

Implementations

impl ElementBuilder

pub fn new(tag: impl AsRef<str>) -> ElementBuilder

pub fn attribute<T>( self, name: impl AsRef<str>, value: impl AttributeValue<T>, ) -> ElementBuilder

Set an attribute. Attribute values can be reactive.

pub fn child(self, child: impl Into<Element>) -> ElementBuilder

Add a child element after existing children. The child element can be reactive.

pub fn text(self, child: impl Text) -> ElementBuilder

Add a text node after existing children. The text node can be reactive.

pub fn effect<T>(self, child: impl Effect<T>) -> ElementBuilder

Apply an effect after the next render. For example, to set the focus of an element:

element.effect(|elem: &HtmlInputElement| elem.focus().unwrap());

Effects can be reactive. For example, to set the visibibilty of an item based on a hidden boolean signal:

let hidden = Signal::new(false);
let is_hidden = hidden.read();

element.effect(is_hidden.map(|&hidden| move |elem: &HtmlInputElement| elem.set_hidden(hidden)));

pub fn on( self, name: &'static str, f: impl FnMut(JsValue) + 'static, ) -> ElementBuilder

Register an event handler.

name is the name of the event. See the MDN Events page for a list.

f is the callback when the event fires and will be passed the javascript Event object.

Trait Implementations

impl Builder for ElementBuilder

type Target = Element

fn build(self) -> <ElementBuilder as Builder>::Target

fn into_element(self) -> Element

impl DomElement for ElementBuilder

type Target = Element

fn dom_element(&self) -> <ElementBuilder as DomElement>::Target

impl From<ABuilder> for ElementBuilder

fn from(builder: ABuilder) -> Self

Converts to this type from the input type.

impl From<AbbrBuilder> for ElementBuilder

fn from(builder: AbbrBuilder) -> Self

Converts to this type from the input type.

impl From<AddressBuilder> for ElementBuilder

fn from(builder: AddressBuilder) -> Self

Converts to this type from the input type.

impl From<AreaBuilder> for ElementBuilder

fn from(builder: AreaBuilder) -> Self

Converts to this type from the input type.

impl From<ArticleBuilder> for ElementBuilder

fn from(builder: ArticleBuilder) -> Self

Converts to this type from the input type.

impl From<AsideBuilder> for ElementBuilder

fn from(builder: AsideBuilder) -> Self

Converts to this type from the input type.

impl From<AudioBuilder> for ElementBuilder

fn from(builder: AudioBuilder) -> Self

Converts to this type from the input type.

impl From<BBuilder> for ElementBuilder

fn from(builder: BBuilder) -> Self

Converts to this type from the input type.

impl From<BaseBuilder> for ElementBuilder

fn from(builder: BaseBuilder) -> Self

Converts to this type from the input type.

impl From<BdiBuilder> for ElementBuilder

fn from(builder: BdiBuilder) -> Self

Converts to this type from the input type.

impl From<BdoBuilder> for ElementBuilder

fn from(builder: BdoBuilder) -> Self

Converts to this type from the input type.

impl From<BlockquoteBuilder> for ElementBuilder

fn from(builder: BlockquoteBuilder) -> Self

Converts to this type from the input type.

impl From<BrBuilder> for ElementBuilder

fn from(builder: BrBuilder) -> Self

Converts to this type from the input type.

impl From<ButtonBuilder> for ElementBuilder

fn from(builder: ButtonBuilder) -> Self

Converts to this type from the input type.

impl From<CanvasBuilder> for ElementBuilder

fn from(builder: CanvasBuilder) -> Self

Converts to this type from the input type.

impl From<CaptionBuilder> for ElementBuilder

fn from(builder: CaptionBuilder) -> Self

Converts to this type from the input type.

impl From<CiteBuilder> for ElementBuilder

fn from(builder: CiteBuilder) -> Self

Converts to this type from the input type.

impl From<CodeBuilder> for ElementBuilder

fn from(builder: CodeBuilder) -> Self

Converts to this type from the input type.

impl From<ColBuilder> for ElementBuilder

fn from(builder: ColBuilder) -> Self

Converts to this type from the input type.

impl From<ColgroupBuilder> for ElementBuilder

fn from(builder: ColgroupBuilder) -> Self

Converts to this type from the input type.

impl From<DataBuilder> for ElementBuilder

fn from(builder: DataBuilder) -> Self

Converts to this type from the input type.

impl From<DatalistBuilder> for ElementBuilder

fn from(builder: DatalistBuilder) -> Self

Converts to this type from the input type.

impl From<DdBuilder> for ElementBuilder

fn from(builder: DdBuilder) -> Self

Converts to this type from the input type.

impl From<DelBuilder> for ElementBuilder

fn from(builder: DelBuilder) -> Self

Converts to this type from the input type.

impl From<DetailsBuilder> for ElementBuilder

fn from(builder: DetailsBuilder) -> Self

Converts to this type from the input type.

impl From<DfnBuilder> for ElementBuilder

fn from(builder: DfnBuilder) -> Self

Converts to this type from the input type.

impl From<DialogBuilder> for ElementBuilder

fn from(builder: DialogBuilder) -> Self

Converts to this type from the input type.

impl From<DivBuilder> for ElementBuilder

fn from(builder: DivBuilder) -> Self

Converts to this type from the input type.

impl From<DlBuilder> for ElementBuilder

fn from(builder: DlBuilder) -> Self

Converts to this type from the input type.

impl From<DtBuilder> for ElementBuilder

fn from(builder: DtBuilder) -> Self

Converts to this type from the input type.

impl From<ElementBuilder> for Element

fn from(builder: ElementBuilder) -> Element

Converts to this type from the input type.

impl From<EmBuilder> for ElementBuilder

fn from(builder: EmBuilder) -> Self

Converts to this type from the input type.

impl From<EmbedBuilder> for ElementBuilder

fn from(builder: EmbedBuilder) -> Self

Converts to this type from the input type.

impl From<FieldsetBuilder> for ElementBuilder

fn from(builder: FieldsetBuilder) -> Self

Converts to this type from the input type.

impl From<FigcaptionBuilder> for ElementBuilder

fn from(builder: FigcaptionBuilder) -> Self

Converts to this type from the input type.

impl From<FigureBuilder> for ElementBuilder

fn from(builder: FigureBuilder) -> Self

Converts to this type from the input type.

impl From<FooterBuilder> for ElementBuilder

fn from(builder: FooterBuilder) -> Self

Converts to this type from the input type.

impl From<FormBuilder> for ElementBuilder

fn from(builder: FormBuilder) -> Self

Converts to this type from the input type.

impl From<H1Builder> for ElementBuilder

fn from(builder: H1Builder) -> Self

Converts to this type from the input type.

impl From<H2Builder> for ElementBuilder

fn from(builder: H2Builder) -> Self

Converts to this type from the input type.

impl From<H3Builder> for ElementBuilder

fn from(builder: H3Builder) -> Self

Converts to this type from the input type.

impl From<H4Builder> for ElementBuilder

fn from(builder: H4Builder) -> Self

Converts to this type from the input type.

impl From<H5Builder> for ElementBuilder

fn from(builder: H5Builder) -> Self

Converts to this type from the input type.

impl From<H6Builder> for ElementBuilder

fn from(builder: H6Builder) -> Self

Converts to this type from the input type.

impl From<HeadBuilder> for ElementBuilder

fn from(builder: HeadBuilder) -> Self

Converts to this type from the input type.

impl From<HeaderBuilder> for ElementBuilder

fn from(builder: HeaderBuilder) -> Self

Converts to this type from the input type.

impl From<HgroupBuilder> for ElementBuilder

fn from(builder: HgroupBuilder) -> Self

Converts to this type from the input type.

impl From<HrBuilder> for ElementBuilder

fn from(builder: HrBuilder) -> Self

Converts to this type from the input type.

impl From<IBuilder> for ElementBuilder

fn from(builder: IBuilder) -> Self

Converts to this type from the input type.

impl From<IframeBuilder> for ElementBuilder

fn from(builder: IframeBuilder) -> Self

Converts to this type from the input type.

impl From<ImgBuilder> for ElementBuilder

fn from(builder: ImgBuilder) -> Self

Converts to this type from the input type.

impl From<InputBuilder> for ElementBuilder

fn from(builder: InputBuilder) -> Self

Converts to this type from the input type.

impl From<InsBuilder> for ElementBuilder

fn from(builder: InsBuilder) -> Self

Converts to this type from the input type.

impl From<KbdBuilder> for ElementBuilder

fn from(builder: KbdBuilder) -> Self

Converts to this type from the input type.

impl From<LabelBuilder> for ElementBuilder

fn from(builder: LabelBuilder) -> Self

Converts to this type from the input type.

impl From<LegendBuilder> for ElementBuilder

fn from(builder: LegendBuilder) -> Self

Converts to this type from the input type.

impl From<LiBuilder> for ElementBuilder

fn from(builder: LiBuilder) -> Self

Converts to this type from the input type.

impl From<LinkBuilder> for ElementBuilder

fn from(builder: LinkBuilder) -> Self

Converts to this type from the input type.

impl From<MainBuilder> for ElementBuilder

fn from(builder: MainBuilder) -> Self

Converts to this type from the input type.

impl From<MapBuilder> for ElementBuilder

fn from(builder: MapBuilder) -> Self

Converts to this type from the input type.

impl From<MarkBuilder> for ElementBuilder

fn from(builder: MarkBuilder) -> Self

Converts to this type from the input type.

impl From<MenuBuilder> for ElementBuilder

fn from(builder: MenuBuilder) -> Self

Converts to this type from the input type.

impl From<MetaBuilder> for ElementBuilder

fn from(builder: MetaBuilder) -> Self

Converts to this type from the input type.

impl From<MeterBuilder> for ElementBuilder

fn from(builder: MeterBuilder) -> Self

Converts to this type from the input type.

impl From<NavBuilder> for ElementBuilder

fn from(builder: NavBuilder) -> Self

Converts to this type from the input type.

impl From<NoscriptBuilder> for ElementBuilder

fn from(builder: NoscriptBuilder) -> Self

Converts to this type from the input type.

impl From<ObjectBuilder> for ElementBuilder

fn from(builder: ObjectBuilder) -> Self

Converts to this type from the input type.

impl From<OlBuilder> for ElementBuilder

fn from(builder: OlBuilder) -> Self

Converts to this type from the input type.

impl From<OptgroupBuilder> for ElementBuilder

fn from(builder: OptgroupBuilder) -> Self

Converts to this type from the input type.

impl From<OptionBuilder> for ElementBuilder

fn from(builder: OptionBuilder) -> Self

Converts to this type from the input type.

impl From<OutputBuilder> for ElementBuilder

fn from(builder: OutputBuilder) -> Self

Converts to this type from the input type.

impl From<PBuilder> for ElementBuilder

fn from(builder: PBuilder) -> Self

Converts to this type from the input type.

impl From<ParamBuilder> for ElementBuilder

fn from(builder: ParamBuilder) -> Self

Converts to this type from the input type.

impl From<PictureBuilder> for ElementBuilder

fn from(builder: PictureBuilder) -> Self

Converts to this type from the input type.

impl From<PreBuilder> for ElementBuilder

fn from(builder: PreBuilder) -> Self

Converts to this type from the input type.

impl From<ProgressBuilder> for ElementBuilder

fn from(builder: ProgressBuilder) -> Self

Converts to this type from the input type.

impl From<QBuilder> for ElementBuilder

fn from(builder: QBuilder) -> Self

Converts to this type from the input type.

impl From<RbBuilder> for ElementBuilder

fn from(builder: RbBuilder) -> Self

Converts to this type from the input type.

impl From<RpBuilder> for ElementBuilder

fn from(builder: RpBuilder) -> Self

Converts to this type from the input type.

impl From<RtBuilder> for ElementBuilder

fn from(builder: RtBuilder) -> Self

Converts to this type from the input type.

impl From<RtcBuilder> for ElementBuilder

fn from(builder: RtcBuilder) -> Self

Converts to this type from the input type.

impl From<RubyBuilder> for ElementBuilder

fn from(builder: RubyBuilder) -> Self

Converts to this type from the input type.

impl From<SBuilder> for ElementBuilder

fn from(builder: SBuilder) -> Self

Converts to this type from the input type.

impl From<SampBuilder> for ElementBuilder

fn from(builder: SampBuilder) -> Self

Converts to this type from the input type.

impl From<ScriptBuilder> for ElementBuilder

fn from(builder: ScriptBuilder) -> Self

Converts to this type from the input type.

impl From<SectionBuilder> for ElementBuilder

fn from(builder: SectionBuilder) -> Self

Converts to this type from the input type.

impl From<SelectBuilder> for ElementBuilder

fn from(builder: SelectBuilder) -> Self

Converts to this type from the input type.

impl From<SmallBuilder> for ElementBuilder

fn from(builder: SmallBuilder) -> Self

Converts to this type from the input type.

impl From<SourceBuilder> for ElementBuilder

fn from(builder: SourceBuilder) -> Self

Converts to this type from the input type.

impl From<SpanBuilder> for ElementBuilder

fn from(builder: SpanBuilder) -> Self

Converts to this type from the input type.

impl From<StrongBuilder> for ElementBuilder

fn from(builder: StrongBuilder) -> Self

Converts to this type from the input type.

impl From<StyleBuilder> for ElementBuilder

fn from(builder: StyleBuilder) -> Self

Converts to this type from the input type.

impl From<SubBuilder> for ElementBuilder

fn from(builder: SubBuilder) -> Self

Converts to this type from the input type.

impl From<SummaryBuilder> for ElementBuilder

fn from(builder: SummaryBuilder) -> Self

Converts to this type from the input type.

impl From<SupBuilder> for ElementBuilder

fn from(builder: SupBuilder) -> Self

Converts to this type from the input type.

impl From<TableBuilder> for ElementBuilder

fn from(builder: TableBuilder) -> Self

Converts to this type from the input type.

impl From<TbodyBuilder> for ElementBuilder

fn from(builder: TbodyBuilder) -> Self

Converts to this type from the input type.

impl From<TdBuilder> for ElementBuilder

fn from(builder: TdBuilder) -> Self

Converts to this type from the input type.

impl From<TextareaBuilder> for ElementBuilder

fn from(builder: TextareaBuilder) -> Self

Converts to this type from the input type.

impl From<TfootBuilder> for ElementBuilder

fn from(builder: TfootBuilder) -> Self

Converts to this type from the input type.

impl From<ThBuilder> for ElementBuilder

fn from(builder: ThBuilder) -> Self

Converts to this type from the input type.

impl From<TheadBuilder> for ElementBuilder

fn from(builder: TheadBuilder) -> Self

Converts to this type from the input type.

impl From<TimeBuilder> for ElementBuilder

fn from(builder: TimeBuilder) -> Self

Converts to this type from the input type.

impl From<TitleBuilder> for ElementBuilder

fn from(builder: TitleBuilder) -> Self

Converts to this type from the input type.

impl From<TrBuilder> for ElementBuilder

fn from(builder: TrBuilder) -> Self

Converts to this type from the input type.

impl From<TrackBuilder> for ElementBuilder

fn from(builder: TrackBuilder) -> Self

Converts to this type from the input type.

impl From<UBuilder> for ElementBuilder

fn from(builder: UBuilder) -> Self

Converts to this type from the input type.

impl From<UlBuilder> for ElementBuilder

fn from(builder: UlBuilder) -> Self

Converts to this type from the input type.

impl From<VarBuilder> for ElementBuilder

fn from(builder: VarBuilder) -> Self

Converts to this type from the input type.

impl From<VideoBuilder> for ElementBuilder

fn from(builder: VideoBuilder) -> Self

Converts to this type from the input type.

impl From<WbrBuilder> for ElementBuilder

fn from(builder: WbrBuilder) -> Self

Converts to this type from the input type.