Logo
The Skribly mark, plain or with the glyph of a tool. Use tone="nav" on the dark sidebar.
- Logo
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, Logo
Dark theme, Logo
High contrast theme, Logo
UsageLink to the section Usage
import { Logo } from '@skribly/ui/brand'<Logo kind="agent" size={32} label="Skribly Agent" />
<Logo kind="tracker" tone="nav" />Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- Decoration unless label is set, then an image with that name.
- Leave label out when the name is written next to it.
- The size is in rem, so it grows with the reader’s text size.
This demo runs through axe in all three themes on every test run. See what the tests check.