📄️ Badge
Renders your text as a badge.
📄️ Banner
Displays your content in a banner with action buttons and an optional illustration.
📄️ Button
Create flat, outlined, raised, branded or destructive buttons, all kind of them !
📄️ Checkbox
Displays our custom checkbox input implementation.
📄️ Dialog
Creates a dialog modal that fills the whole screen and has a black opacity overlay.
📄️ Form Actions
About Form Actions
📄️ Form Element
A form element structure to group different labels, controls, helpers and subelements needed to build forms.
📄️ Form Field
About Form Fields
📄️ Icon
Renders your images as an icon.
📄️ Input
You can style the HTML ` element to align with the Truffls brand by using the .tf-input` class on
📄️ Radio
Displays a radio button and a label.
📄️ Select
Displays a select input.
📄️ Snackbar
Shows a message in a snackbar with optional actions buttons.
📄️ Tabs
Displays a tab bar with your content.
📄️ Togglable input
A checkbox element which wraps the given input and allows to hide/show it based on the checkbox's checked state.
📄️ Toggle
Displays our custom toggle input implementation.