EBlazor Example

FormContainer

Text

Date


1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Number

Switch

<FormContainer>
    <HeaderContent>
        <h3>Any content</h3>
    </HeaderContent>
        
    <BodyContent>
        Some content in body, elements, inputs and any other content
    </BodyContent>

    <FooterContent>
        <h3>Any content</h3>
    </FooterContent>
</FormContainer>

FormGroup

FormGroup can contains inputs and labels, it will be like this

<FormGroup>
    @*Here you can set any html inputs*@
</FormGroup>

Accordion

<Accordion>
    <AccordionCard>
        @*Here put any content to the item body*@
    </AccordionCard>
    <AccordionCard>
        @*Here put any content to the item body*@
    </AccordionCard>
</Accordion>

Here item 1 body

Here item 2 body

Here item 3 body

Here item 4 body

Here item 5 body

TabContainer

<TabContainer>
    <Tab>
        @*Here goes tab 1 content*@
    </>
        @*Here goes tab 2 content*@
    <Tab>
    </>
        @*Here goes tab 3 content*@
    <Tab>
    </>
</TabContainer>

This is tab 1 content

FormContainer

Header content

FormGroup

Accordion

Item 1

Item 2

Item 3

Item 4

Item 5

TabContainer