@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 |