DialogueCard

Import

import { DialogueCard } from "react-sheikah-ui";

Usage

The DialogueCard component is used as a container. Components such as text and images can be placed on them in a way that clearly indicates hierarchy.

In the game, it's usually used to depict a conversation between characters.

import { DialogueCard } from "react-sheikah-ui";

<DialogueCard legend='Zelda'>
  <Text>We will all be awaiting your clash with Calamity Ganon at Hyrule Castle.</Text>
</DialogueCard>

Available Props

legend

Optional Filled with string of a name of the character that is currently speaking.

className

Optional Used to give the component a class.

style

Optional Used to give additional standard style object to the component.