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>

Размер

Показать код

<div style={blockStyle}>
  <NavArrow size="middle" />
  <NavArrow size="large" />
</div>

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