sb-template-font

Font icon package for SB Design System. Contains the sb-template-font icon font with all icon classes.

Installation

npm install sb-template-font

Usage

CSS Import

Import the CSS file in your application:

@import 'sb-template-font';

Or in JavaScript/TypeScript:

import 'sb-template-font';

HTML Usage

After importing the CSS, you can use the icon classes:

<i class="sb-kullanici-arti"></i>
<i class="sb-kullanici"></i>
<i class="sb-ok-sag"></i>

React Usage

function MyComponent() {
  return (
    <div>
      <i className="sb-kullanici-arti" />
      <i className="sb-kullanici" />
      <i className="sb-ok-sag" />
    </div>
  );
}

With Icon Component

You can also use the Icon component from @sbdesign/ui:

import { Icon } from '@sbdesign/ui';
import 'sb-template-font';

function MyComponent() {
  return (
    <div>
      <Icon name="sb-kullanici-arti" size="lg" />
      <Icon name="sb-kullanici" size="md" />
    </div>
  );
}

Available Icons

All icons are prefixed with sb-. Some examples:

• sb-kullanici-arti - User add icon
• sb-kullanici - User icon
• sb-ok-sag - Right arrow icon
• sb-ok-sol - Left arrow icon
• sb-bulut - Cloud icon
• sb-takvim - Calendar icon

For a complete list of available icons, see the SB Design System documentation.

License

MIT