Пример #1
0
        public override RenderFragment Render() => builder =>
        {
            int seq = -1;

            BitBuilder.OpenElement(builder, ref seq, "div", this, LocalStyle(), null);

            BitBuilder.CloseElement(builder);
        };
Пример #2
0
        public override RenderFragment Render() => builder =>
        {
            int seq = -1;

            BitBuilder.OpenElement(builder, ref seq, "div", this, null, null);

            builder.AddContent(++seq, "тоЮ");

            BitBuilder.CloseElement(builder);
        };
Пример #3
0
        public override RenderFragment Render() => builder =>
        {
            int seq = -1;

            BitBuilder.OpenElement(builder, ref seq, _element, this, null, null);

            builder.AddContent(++seq, Spec.Content !.Invoke().Fragment);

            BitBuilder.CloseElement(builder);
        };
Пример #4
0
        public override RenderFragment Render() => builder =>
        {
            int seq = -1;

            BitBuilder.OpenElement(builder, ref seq, "button", this, null, LocalClasses());

            builder.AddAttribute(++seq, "onclick", EventCallback.Factory.Create <MouseEventArgs>(this, Click));

            builder.AddContent(++seq, Spec.Content !.Invoke().Fragment);

            BitBuilder.CloseElement(builder);
        };
Пример #5
0
            protected override void BuildRenderTree(RenderTreeBuilder builder)
            {
                int seq = -1;

                BitBuilder.OpenElement(builder, ref seq, "div", Checkbox, null, Checkbox.AdditionalClasses());

                builder.AddAttribute(++seq, "onclick",
                                     EventCallback.Factory.Create <MouseEventArgs>(this, Checkbox.OnClick));
                builder.OpenComponent <MaterialIcon>(++seq);
                builder.AddAttribute(++seq, "ID", !Checkbox.Checked ? "check_box_outline_blank" : "check_box");
                builder.CloseComponent();

                BitBuilder.CloseElement(builder);
            }
Пример #6
0
        public override RenderFragment Render() => builder =>
        {
            int seq = -1;

            // Define these in HTML instead of CSS.
            double?height = _pixelsHeight?.Invoke() ?? null;
            double?width  = _pixelsWidth?.Invoke() ?? null;

            BitBuilder.OpenElement(builder, ref seq, "img", this, null, null);

            builder.AddAttribute(++seq, "src", Spec.URL !.Invoke());
            builder.AddAttribute(++seq, "height", height);
            builder.AddAttribute(++seq, "width", width);

            BitBuilder.CloseElement(builder);
        };
Пример #7
0
        public override RenderFragment Render() => builder =>
        {
            int seq = -1;

            if (Spec.URL == null)
            {
                BitBuilder.OpenElement(builder, ref seq, "div", this, null, null);
            }
            else
            {
                BitBuilder.OpenElement(builder, ref seq, "a", this, null, null);

                builder.AddAttribute(++seq, "href", Spec.URL.Invoke());
            }

            builder.AddContent(++seq, Spec.Content !.Invoke().Fragment);

            BitBuilder.CloseElement(builder);
        };
Пример #8
0
        // From:
        // https://codepen.io/jczimm/pen/vEBpoL

        public override RenderFragment Render() => builder =>
        {
            int seq = -1;

            // Define this in HTML instead of CSS.
            double size      = _pixelsSize?.Invoke() ?? 64;
            string color     = _color?.Invoke() ?? Constants.Accent_4;
            double thickness = _thickness?.Invoke() ?? 4;

            BitBuilder.OpenElement(builder, ref seq, "div", this, null, null);

            builder.OpenElement(++seq, "svg");

            builder.AddAttribute(++seq, "height", size);
            builder.AddAttribute(++seq, "width", size);
            builder.AddAttribute(++seq, "viewBox", $"0 0 100 100");

            //

            builder.AddMarkupContent(++seq,
                                     $"<circle " +
                                     $"cx='50' " +
                                     $"cy='50' " +
                                     $"r='40' " +
                                     $"fill='none' " +
                                     // $"stroke-dasharray='200, 400' "  +
                                     $"stroke-dashoffset='0' " +
                                     $"stroke-linecap='round' " +
                                     $"stroke-width='{thickness}' " +
                                     $"stroke='{color}'" +
                                     $"/>");

            //

            builder.CloseElement();

            BitBuilder.CloseElement(builder);
        };