<Box>
    <Field>
        <Label>Email</Label>
        <Control>
            <Input placeholder="input email" TValue="string" />
        </Control>
    </Field>
    <Field>
        <Label>Password</Label>
        <Control>
            <Input placeholder="input password" type="password" TValue="string" />
        </Control>
    </Field>
    <Button Color="Color.Primary">Sign in</Button>
</Box>

<Columns IsMultiline>
    <Column>
        <Box class="@B.Ribbon">
            <Ribbon>Default</Ribbon>
            Box content
        </Box>
    </Column>
    <Column>
        <Box class="@B.Ribbon">
            <Ribbon Color="Color.Primary" IsOutlined>Primary</Ribbon>
            Box content
        </Box>
    </Column>
    <Column>
        <Box class="@B.Ribbon">
            <Ribbon Color="Color.Primary">Primary</Ribbon>
            Box content
        </Box>
    </Column>
</Columns>
<Columns IsMultiline>
    <Column>
        <Box class="@B.RibbonBottom">
            <Ribbon Color="Color.Warning">Primary</Ribbon>
            Box content
        </Box>
    </Column>
    <Column>
        <Box class="@B.RibbonLeft">
            <Ribbon Color="Color.Danger" IsSmall>Primary</Ribbon>
            Box content
        </Box>
    </Column>

    <Column>
        <Box class="@B.Ribbon">
            <Ribbon Color="Color.Primary" IsSmall>Small ribbon</Ribbon>
            Box content
        </Box>
    </Column>
    <Column>
        <Box class="@B.Ribbon">
            <Ribbon Color="Color.Primary" IsLarge>Large ribbon</Ribbon>
            Box content
        </Box>
    </Column>

</Columns>