Tag
Tag(props: ): ReactElement<WithOptionalTheme<
Tag<AsC,FAsC>(props: StyledComponentPropsWithAs<AsC, any, , never, AsC, FAsC>): ReactElement<StyledComponentPropsWithAs<AsC, any, , never, AsC, FAsC>, string | JSXElementConstructor<any>>
Parameters
(Mandatory parameters are in bold)Parameters | Type | Description |
---|---|---|
props | ||
as | undefined | |
as | undefined | |
bgColor | string | |
bgColor | string | |
bgColor | string | |
bgColor | string | |
children | ReactNode | |
children | ReactNode | |
children | ReactNode | |
children | ReactNode | |
className | string | |
className | string | |
className | string | |
className | string | |
fontColor | string | |
fontColor | string | |
fontColor | string | |
fontColor | string | |
forwardedAs | undefined | |
forwardedAs | undefined | |
icon | ReactNode | |
icon | ReactNode | |
icon | ReactNode | |
icon | ReactNode | |
kind | background | lighter | success | black | blue | green | indigo | lightblue | lightgreen | lightpink | lightyellow | orange | pink | purple | red | teal | white | yellow | dark | light | warning | info | lightest | darker | darkest | danger | primary | secondary | lightred | lightpurple | lightindigo | lightteal | lightorange | |
kind | background | lighter | success | black | blue | green | indigo | lightblue | lightgreen | lightpink | lightyellow | orange | pink | purple | red | teal | white | yellow | dark | light | warning | info | lightest | darker | darkest | danger | primary | secondary | lightred | lightpurple | lightindigo | lightteal | lightorange | |
kind | background | lighter | success | black | blue | green | indigo | lightblue | lightgreen | lightpink | lightyellow | orange | pink | purple | red | teal | white | yellow | dark | light | warning | info | lightest | darker | darkest | danger | primary | secondary | lightred | lightpurple | lightindigo | lightteal | lightorange | |
kind | background | lighter | success | black | blue | green | indigo | lightblue | lightgreen | lightpink | lightyellow | orange | pink | purple | red | teal | white | yellow | dark | light | warning | info | lightest | darker | darkest | danger | primary | secondary | lightred | lightpurple | lightindigo | lightteal | lightorange | |
marginBottom | MarginProperty<TLength> | |
marginBottom | MarginProperty<TLength> | |
marginBottom | MarginProperty<TLength> | |
marginBottom | MarginProperty<TLength> | |
marginLeft | MarginProperty<TLength> | |
marginLeft | MarginProperty<TLength> | |
marginLeft | MarginProperty<TLength> | |
marginLeft | MarginProperty<TLength> | |
marginRight | MarginProperty<TLength> | |
marginRight | MarginProperty<TLength> | |
marginRight | MarginProperty<TLength> | |
marginRight | MarginProperty<TLength> | |
marginTop | MarginProperty<TLength> | |
marginTop | MarginProperty<TLength> | |
marginTop | MarginProperty<TLength> | |
marginTop | MarginProperty<TLength> | |
onClick | ||
onClick | ||
onClick | ||
onClick | ||
size | small | medium | large | |
size | small | medium | largePartial<>, any>, string | JSXElementConstructor<any>> | |
size | small | medium | large | |
size | small | medium | largePartial<>, any>, string | JSXElementConstructor<any>> | |
theme | any | |
theme | any |
Return
The return is of type ReactElement<WithOptionalTheme<