NavArrow

import { NavArrow } from '@megafon/ui-core';

Примеры и код

Свойства и методы

Базовое использование

<div style={blockStyle}>
  <NavArrow />
  <NavArrow view="next" />
</div>

Цветовая тема

Белая

<div style={blockStyle}>
  <NavArrow theme="white" />
  <NavArrow theme="white" view="next" />
  <NavArrow theme="white" disabled />
  <NavArrow theme="white" view="next" disabled />
</div>

Фиолетовая

<div style={blockStyle}>
  <NavArrow theme="purple" />
  <NavArrow theme="purple" view="next" />
  <NavArrow theme="purple" disabled />
  <NavArrow theme="purple" view="next" disabled />
</div>

Темная

<div style={blockStyle}>
  <NavArrow theme="dark" />
  <NavArrow theme="dark" view="next" />
  <NavArrow theme="dark" disabled />
  <NavArrow theme="dark" view="next" disabled />
</div>

Prop name	Type	Default
dataAttrs	{ root?: Record<string, string>; prevArrow?: Record<string, string>; nextArrow?: Record<string, string>; }
className	string
theme	ThemeType	purple
view	ViewType	prev
disabled	boolean	false
onClick	(e: SyntheticEvent<EventTarget, Event>) => void