Provider Mark
Reviewed Google, GitHub, and Apple identity-provider artwork.
Contract
TRProviderMark renders the official mark selected by provider="google" | "github" | "apple". The mark is decorative unless you pass an aria-label; surrounding buttons and links should normally provide the accessible name.
Install
pnpm add @tinyrack/uiScroll inside the code area to read long lines.
Styles
@import '@tinyrack/ui/components/provider-mark.css';Scroll inside the code area to read long lines.
Imports
import { TRProviderMark } from '@tinyrack/ui/components/provider-mark';Scroll inside the code area to read long lines.
Usage
Examples
Use the mark inside an action whose visible label supplies the provider name. Add aria-label only when the mark itself must be announced.
API
TRProviderMarkProps extends native SVG props and adds the required provider union. --tr-provider-mark-size defaults to --tinyrack-space-xl, and --tr-provider-mark-color controls the monochrome GitHub and Apple marks. Google's reviewed multicolor artwork is unchanged.