<sentence-view> component documentation

A <sentence-view> renders a Sentence object.

<sentence-view>s are most often generated by a containing <text-view>.

Usage

    <sentence-view></sentence-view>

Examples

Short sentence

Long sentence

Custom fields

CSS

CSS

The default styling for sentence-view components is contained in <sentence-view.css>. 

      
sentence-view {
  display: block;
}

sentence-view word-list {
  display: block;
}

sentence-view word-view {
  display: inline-grid;
  margin: 1em;
}

sentence-view .transcription {
  font-weight:bold;
}

sentence-view .translation {
}