function Demo() {
return (
<>
{/* You can pass additional props to components created with withProps */}
<LinkButton href="https://mantine.dev">Mantine website</LinkButton>
{/* Component props override default props defined in `withProps` */}
<PhoneInput placeholder="Personal phone" />
</>
);
}
Avatar initials
Avatar component now supports displaying initials with auto generated color based on the given name value.
To display initials instead of the default placeholder, set name prop
to the name of the person, for example, name="John Doe". If the name
is set, you can use color="initials" to generate color based on the name:
function Demo() {
return (
<>
{/* You can pass additional props to components created with withProps */}
<LinkButton href="https://mantine.dev">Mantine website</LinkButton>
{/* Component props override default props defined in `withProps` */}
<PhoneInput placeholder="Personal phone" />
</>
);
}
Avatar initials
Avatar component now supports displaying initials with auto generated color based on the given name value.
To display initials instead of the default placeholder, set name prop
to the name of the person, for example, name="John Doe". If the name
is set, you can use color="initials" to generate color based on the name:
function Demo() {
return (
<>
{/* You can pass additional props to components created with withProps */}
<LinkButton href="https://mantine.dev">Mantine website</LinkButton>
{/* Component props override default props defined in `withProps` */}
<PhoneInput placeholder="Personal phone" />
</>
);
}
Avatar initials
Avatar component now supports displaying initials with auto generated color based on the given name value.
To display initials instead of the default placeholder, set name prop
to the name of the person, for example, name="John Doe". If the name
is set, you can use color="initials" to generate color based on the name:
function Demo() {
return (
<>
{/* You can pass additional props to components created with withProps */}
<LinkButton href="https://mantine.dev">Mantine website</LinkButton>
{/* Component props override default props defined in `withProps` */}
<PhoneInput placeholder="Personal phone" />
</>
);
}
Avatar initials
Avatar component now supports displaying initials with auto generated color based on the given name value.
To display initials instead of the default placeholder, set name prop
to the name of the person, for example, name="John Doe". If the name
is set, you can use color="initials" to generate color based on the name:
You can trigger a rebase of this PR by commenting @dependabot rebase.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency
- `@dependabot ignore major version` will close this group update PR and stop Dependabot creating any more for the specific dependency's major version (unless you unignore this specific dependency's major version or upgrade to it yourself)
- `@dependabot ignore minor version` will close this group update PR and stop Dependabot creating any more for the specific dependency's minor version (unless you unignore this specific dependency's minor version or upgrade to it yourself)
- `@dependabot ignore ` will close this group update PR and stop Dependabot creating any more for the specific dependency (unless you unignore this specific dependency or upgrade to it yourself)
- `@dependabot unignore ` will remove all of the ignore conditions of the specified dependency
- `@dependabot unignore ` will remove the ignore condition of the specified dependency and ignore conditions
Bumps the mantine group in /graylog2-web-interface with 4 updates: @mantine/core, @mantine/dropzone, @mantine/hooks and @mantine/notifications.
Updates
@mantine/core
from 7.10.2 to 7.11.0Release notes
Sourced from
@mantine/core
's releases.... (truncated)
Commits
4b58cb8
[release] Version: 7.11.02339429
[refactor] Fix erors145d2b3
[@mantine/core
] Avatar: Add initial with auto color supportb8871a6
[@mantine/core
] Transition: Add enter and exit delay handlingc0496a6
[@mantine/core
] TagsInput: AddacceptValueOnBlur
prop support2414345
[@mantine/core
] Add Component.withProps support to all components24c4d83
[@mantine/core
] Burger: Add option to change line height via propcca0c0f
[@mantine/core
] Spoiler: Add controlled expanded state support97a1476
Merge branch 'master' of github.com:mantinedev/mantine into 7.11a73292a
[@mantine/core
] Pagination: AddhideWithOnePage
prop supportUpdates
@mantine/dropzone
from 7.10.2 to 7.11.0Release notes
Sourced from
@mantine/dropzone
's releases.... (truncated)
Commits
4b58cb8
[release] Version: 7.11.02414345
[@mantine/core
] Add Component.withProps support to all componentsUpdates
@mantine/hooks
from 7.10.2 to 7.11.0Release notes
Sourced from
@mantine/hooks
's releases.... (truncated)
Commits
4b58cb8
[release] Version: 7.11.0Updates
@mantine/notifications
from 7.10.2 to 7.11.0Release notes
Sourced from
@mantine/notifications
's releases.... (truncated)
Commits
4b58cb8
[release] Version: 7.11.02414345
[@mantine/core
] Add Component.withProps support to all componentsYou can trigger a rebase of this PR by commenting
@dependabot rebase
.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show