GitHub

Text Snippet

A text snippet is used to display a section of text with the ability to show or hide content beyond one line of text.

Components

import { DaffTextSnippetComponent } from '@daffodil/design/text-snippet'

@Component()
class DaffTextSnippetComponent {
  @Input() condensed: boolean = true
  @Input() html: string = ''

  @Output() toggle: EventEmitter<boolean> = new EventEmitter()
}

Inputs

condensed
boolean
Defaulttrue
Description

Whether or not the component should render a condensed version of the content.

html
string
Default''
Description

The HTML content to render inside the snippet.

Outputs

toggle
EventEmitter<boolean>
Default
Description

An output event that can be used to track the state of the component externally.