Documentation

Learn how to use MarketIcons in your React and React Native projects.

Installation

Install the package using your preferred package manager:

# npm
npm install @marketicons/bist-react

# yarn
yarn add @marketicons/bist-react

# pnpm
pnpm add @marketicons/bist-react

Usage

Import and use the BistIcon component in your React application:

import { BistIcon } from '@marketicons/bist-react'

function App() {
  return (
    <div>
      <BistIcon name="THYAO" size={32} />
      <BistIcon name="GARAN" size={48} />
    </div>
  )
}

API Reference

BistIcon Props (React)

Prop	Type	Default	Description
name	string	-	BIST company code (e.g., "THYAO")
size	number	24	Icon size in pixels
className	string	-	Additional CSS classes

Examples

React with Tailwind CSS

<BistIcon 
  name="THYAO"
  size={32}
  className="group-hover:scale-110 transition-transform"
/>

React Native with Styles

<BistIcon 
  name="GARAN"
  size={48}
  style={{ marginBottom: 8 }}
/>

Package Installation

NPM

# React
npm install @marketicons/bist-react

# React Native
npm install @marketicons/bist-react-native

Yarn

# React
yarn add @marketicons/bist-react

# React Native
yarn add @marketicons/bist-react-native