0.1.0 • Published 1 year ago
@urban-ui/icon v0.1.0
@urban-ui/icon
layout | icon
Wrapper around icon token size
## Getting started
pnpm add -S @urban-ui/icon
import {StitchesLogoIcon} from '@radix-ui/react-icons
import {Icon} from '@urban-ui/icon'
export function MyComponent() {
return (
<Icon size='md'>
<StitchesLogoIcon width='100%' height='100%'>
</Icon>
)
}
Details
Urban-ui is not opinionated about iconography, use whichever icon set you like.
This Icon component is only a wrapper around the size tokens to help gain a consistent icon size across your application.
API
Prop | Type | Description | |
---|---|---|---|
Size | 'sm' | 'md' | \ 'lg' | Maps to icon size tokens |