PHPImg PHPR UI Doc
GitHubGitHub (opens in a new tab)
  • Introduction
  • React Projects
    • C R U D
    • Components Library
    • Config Admin
    • Generator
    • Phpreaction Admin
    • Phpreaction Inventory
    • Ticket Admin
    • Ticket Feedback
    • Create
    • Listing
    • UI Interfaces
    • Components Classification
      • Interactive Elements
      • Shortcuts
      • Toggle
      • Embadded Content
      • Button
      • Dropdown Ghost
      • Form
      • Input
      • Select
      • Textarea
      • Layout Page
      • Mobile
      • Table
      • Action Color Standard
      • Admin Panel Tabs Collapses
      • Button Documentation
      • Contextual Add
      • Currency
      • Date Range
      • Documentation Links
      • File Upload
      • Graphic Components
      • Link
      • Listing
      • Punch Actions
      • Rss Feed
      • Sequenceable Action
      • Show Section Anchor
      • Steps Forms
      • Toggle Button
      • Image and Multimedia
      • Navigation
        • Loading Screen
        • Skeletons
        • Tour Basic
        • Tour Second Page
      • Breadcrumb
      • Copy to Paste
      • Expander
      • Modal
      • Sidebar
      • Text Content
      • Tooltip
      • Icons
  • Interfaces
    • Home
    • Icons
    • Listing
    • Login
    • Phpreaction UI
    • Show
    • Status
      • Dashboard
      • Feedback
      • File Sidebox Drag Drop
      • Form
      • Form Dynamic Lines Add Remove
      • Form Sections
      • Form Tabs
      • Kanban
      • Multi Languages Tab Management
      • Multiple Selector Mass
      • Print It
      • Related Custom Data Form
      • Report
      • Review Default Flag
      • Side Box Listing
      • Side Box Listing Footer
      • Side Box Tag
      • Tree View
      • Tree View Example
  • Quality Assurance
    • Tests Cypress
    • Tests E2e
    • Tests Integration
    • Tests Jest
    • Tests Static
    • Tests Unit
  • Show Cases
    • Inspiration
    • React Admin
  • Structure
    • Best Standards
    • Browser Support
    • CI CD
    • Deployment
    • Key Value Store
    • Naming Convention Pfqcn
    • Packaging
    • Project Structure
    • Query Strings
    • Releases
    • Reuse Package
    • Roles
    • Translation
    • Try Catch Block
  • Tech
    • Antd
    • Axios
    • Cloud9 Env
    • Cookies Next
    • Cypress Recorders
    • Formik Yup
    • Git Hooks
    • Markdown
    • Markdown Image
    • Monaco Editor React
    • Nextjs
    • Nextra
    • Node CLI
    • Qr Code 128
    • React Joyride
    • React Query
    • React Query Vs Redux Toolkit
    • React Responsive
    • Redux Toolkit
    • Storybook
    • Svgr
    • Tailwindcss
    • Tinymce for React
    • Xlsx
    • Zustand
  • Introduction
  • React Projects
    • C R U D
    • Components Library
    • Config Admin
    • Generator
    • Phpreaction Admin
    • Phpreaction Inventory
    • Ticket Admin
    • Ticket Feedback
    • Create
    • Listing
    • UI Interfaces
    • Components Classification
      • Interactive Elements
      • Shortcuts
      • Toggle
      • Embadded Content
      • Button
      • Dropdown Ghost
      • Form
      • Input
      • Select
      • Textarea
      • Layout Page
      • Mobile
      • Table
      • Action Color Standard
      • Admin Panel Tabs Collapses
      • Button Documentation
      • Contextual Add
      • Currency
      • Date Range
      • Documentation Links
      • File Upload
      • Graphic Components
      • Link
      • Listing
      • Punch Actions
      • Rss Feed
      • Sequenceable Action
      • Show Section Anchor
      • Steps Forms
      • Toggle Button
        • Button 1
        • Button 2
        • Button 3
        • Button 4
        • Button ON
        • Button OFF
      • Image and Multimedia
      • Navigation
        • Loading Screen
        • Skeletons
        • Tour Basic
        • Tour Second Page
      • Breadcrumb
      • Copy to Paste
      • Expander
      • Modal
      • Sidebar
      • Text Content
      • Tooltip
      • Icons
  • Interfaces
    • Home
    • Icons
    • Listing
    • Login
    • Phpreaction UI
    • Show
    • Status
      • Dashboard
      • Feedback
      • File Sidebox Drag Drop
      • Form
      • Form Dynamic Lines Add Remove
      • Form Sections
      • Form Tabs
      • Kanban
      • Multi Languages Tab Management
      • Multiple Selector Mass
      • Print It
      • Related Custom Data Form
      • Report
      • Review Default Flag
      • Side Box Listing
      • Side Box Listing Footer
      • Side Box Tag
      • Tree View
      • Tree View Example
  • Quality Assurance
    • Tests Cypress
    • Tests E2e
    • Tests Integration
    • Tests Jest
    • Tests Static
    • Tests Unit
  • Show Cases
    • Inspiration
    • React Admin
  • Structure
    • Best Standards
    • Browser Support
    • CI CD
    • Deployment
    • Key Value Store
    • Naming Convention Pfqcn
    • Packaging
    • Project Structure
    • Query Strings
    • Releases
    • Reuse Package
    • Roles
    • Translation
    • Try Catch Block
  • Tech
    • Antd
    • Axios
    • Cloud9 Env
    • Cookies Next
    • Cypress Recorders
    • Formik Yup
    • Git Hooks
    • Markdown
    • Markdown Image
    • Monaco Editor React
    • Nextjs
    • Nextra
    • Node CLI
    • Qr Code 128
    • React Joyride
    • React Query
    • React Query Vs Redux Toolkit
    • React Responsive
    • Redux Toolkit
    • Storybook
    • Svgr
    • Tailwindcss
    • Tinymce for React
    • Xlsx
    • Zustand

On This Page

  • Button 1
  • Button 2
  • Button 3
  • Button 4
  • Button ON
  • Button OFF
Question? Give us feedback → (opens in a new tab)Edit this page
Components
Legacy
Toggle Button

Toggle Button

Button 1

Toggle Button 1

Button 2

Toggle Button 2

Button 3

Toggle Button 3

Button 4

Toggle Button 4

Button ON

Toggle Button ON

Button OFF

Toggle Button OFF

Steps FormsImage and Multimedia
PHPREACTION 2024 ©