Icons

Bonik uses SVG icons, icons are located in public/assets/images/icons.

Using Icon

Bonik rendered svg files using the React SVG (opens in a new tab) package.

import Icon from '@component/icon/Icon'
 
const Example = () => {
  return (
    <Icon className="caret-icon" variant="small" defaultcolor="currentColor">
      chevron-right
    </Icon>
  )
}

Navigation Data fetching