Skip to content
PowerLibs LogoPowerLibs

Component Guides

One page per category. Each guide lists the variants with their plan and settings, gives Power Fx snippets for after you paste, and names the gotchas. The copy and paste flow itself is on Getting Started.

Components

  • Accordions: collapsible sections and accordion cards
  • Animations: progress bars, progress circles, counters and an animated line chart
  • App Shells: complete app layouts with sidebar, responsive and dark mode variants
  • Badge: badges, pills, avatars and user chips
  • Buttons: classic, outline, gradient, loading and icon buttons, plus the button group
  • Calendars: calendars and a time picker
  • Cards: content cards and form cards
  • Data Display: KPI tiles, a bar chart, loading skeletons and an empty state
  • Drawer: panels that slide in from the bottom or the right
  • Dropdowns: menus, profile menus, a searchable lookup and a people picker
  • Full Apps: complete app templates
  • Gallery: carousels, a project gallery, a data table and a filter header
  • Input Fields: text, number, currency, email, phone and password inputs, ratings, sliders, radio and checkbox groups
  • Modals: confirmations, warnings, forms and other dialogs
  • Navigation Bars: top bars with tabs, mega menus and scrollable content
  • Sidebars: collapsible, narrow, wide, animated and floating sidebars
  • Speed Dial: floating action buttons that fan out
  • Steppers: horizontal and vertical steppers, checklists and timelines
  • Tabs: tab bars, pill tabs and segmented tabs
  • Toast: notifications with timers, statuses and a queue
  • Toggles: switches in six styles
  • Tooltips: tooltips, help popovers, a context menu and a delete confirmation
  • Uploads: photo and document upload and a signature pad

Tools

Component Guides | PowerLibs