Freelancer logo
Introduction Foundations Components Directives Pipes Motion Brand
⌘K

Alerts & notifications

Banner alert Banner announcement Floating action Toast alert

Buttons & actions

Button Link Pull refresh Share buttons Share link Social buttons Split button Toggle buttons

Cards

Card Widget

Forms

Checkbox card Checkbox Currency input Date input Date range calendar File select Input Label Location input Multi select Multiple location input Otp input Phone input Radio Search Segmented date input Select Slider Smart textarea Textarea Timepicker Toggle

Icons / images / media

Animated svg File viewer Gallery mosaic Icon Image cropper

Layouts

Container Grid Page layout Table

Navigation

Breadcrumbs Pagination Tabs

Popups / overlays

Callout Drawer Dropdown filter Highlight Modal More options Tooltip

Progress & loading indicators

Countdown timer Loading template Progress bar Progress steps Spinner

Tags

Tag

Typography

Fonts Hr
Components Buttons & actions Toggle buttons

Toggle buttons

Group of toggle buttons bound to a FormControl, built on fl-button

Contents

Default
Equal option width
Full width
Icons
Size
Variant

Light

First

Second

Third

Dark

First

Second

Third

Transparent

First

Second

Third

Inputs in Colors
color ?: ToggleButtonsColor = ToggleButtonsColor.LIGHT
Also set in this example
control : FormControl<string>
options ?: readonly ToggleOption[] = []