Glyph
Any of the 397 glyphs on native, drawn with react-native-svg (Metro needs react-native-svg-transformer; see Setup). Colour defaults to the theme fg. Decorative unless given an accessibilityLabel.
Examples
Loading examples…
API
From COMPONENTS.md; setup for every native component is on React Native.
| Component | Notes |
|---|---|
Glyph |
All 397 glyphs via react-native-svg-transformer. Requires setup above. |
import { Glyph } from 'achery-ui/native'
<Glyph name="flask" size={24} />
<Glyph name="moon" color="#ff0000" size={20} />
| Prop | Type | Default |
|---|---|---|
name |
GlyphName |
required |
size |
number |
24 |
color |
string |
theme fg token |
accessibilityLabel |
string |
— (decorative) |
style |
ViewStyle |
— |
With accessibilityLabel, the glyph is wrapped in a View that carries the label (and style), announced as an image. Without it, the SVG renders on its own as before.
The hex-arrow-lockup glyph (formerly wordmark) is not available on native (uses unsupported SVG features).