Library
5 components available— Unlock all with Pro
Design System Kit powers the nf tokens mode
Paste it once in App.Formulas, then copy any component with nf* tokens — rebrand or switch light/dark in one place.
Toggle Visibility Button
A compact icon button that toggles between a "show" (eye open) and "hide" (eye closed) state. Uses UpdateContext to flip a boolean variable. Drop it next to a gallery or list to let users show or hide inactive records.
buttonsPrimary Button
A bold, filled blue button with rounded corners for primary call-to-action use. Features a clean label centered on a solid blue background.
buttonsSecondary Button
An outlined button with a transparent background for secondary actions. Uses a subtle border and muted label to complement primary actions.
buttonsIcon Button
A compact square button displaying a centered icon, ideal for toolbars and action menus. Built with a rounded container and a Power Apps icon.
buttonsBadge / Tag
A small, pill-shaped status badge for labeling items with a color-coded state such as Active, Inactive, or Pending. Lightweight and composable.
buttons