• Primary
    Surface
    PresetsAuraMaterialLaraNora
    Ripple
    RTL
    1. Philosophy
    2. Installation
    3. Configuration
    4. Playground
    1. Styled Mode
    2. Unstyled Mode
    3. Colors
    4. Tailwind CSS
    1. What's New
      1. Scheduler
      2. Text Editor
    2. Form
      1. AutoComplete
      2. CascadeSelect
      3. Checkbox
      4. ColorPicker
      5. DatePicker
      6. Editor
      7. FloatLabel
      8. IconField
      9. IftaLabel
      10. InputGroup
      11. InputMask
      12. InputNumber
      13. InputOtp
      14. InputText
      15. KeyFilter
      16. Knob
      17. Listbox
      18. MultiSelect
      19. Password
      20. RadioButton
      21. Rating
      22. Select
      23. SelectButton
      24. Slider
      25. Textarea
      26. ToggleButton
      27. ToggleSwitch
      28. TreeSelect
    3. Button
      1. Button
      2. SpeedDial
      3. SplitButton
    4. Data
      1. DataView
      2. OrderList
      3. OrgChart
      4. Paginator
      5. PickList
      6. Table
      7. Timeline
      8. Tree
      9. TreeTable
      10. VirtualScroller
    5. Panel
      1. Accordion
      2. Card
      3. Divider
      4. Fieldset
      5. Panel
      6. ScrollPanel
      7. Splitter
      8. Stepper
      9. Tabs
      10. Toolbar
    6. Overlay
      1. ConfirmDialog
      2. ConfirmPopup
      3. Dialog
      4. Drawer
      5. DynamicDialog
      6. Popover
      7. Tooltip
    7. File
      1. Upload
    8. Menu
      1. Breadcrumb
      2. ContextMenu
      3. Dock
      4. Menu
      5. Menubar
      6. MegaMenu
      7. PanelMenu
      8. TieredMenu
    9. Chart
      1. Chart.js
    10. Messages
      1. Message
      2. Toast
    11. Media
      1. Carousel
      2. Galleria
      3. Image
      4. ImageCompare
    12. Misc
      1. AnimateOnScroll
      2. AutoFocus
      3. Avatar
      4. Badge
      5. Bind
      6. BlockUI
      7. Chip
      8. ClassNames
      9. DragDrop
      10. Fluid
      11. FocusTrap
      12. Inplace
      13. MeterGroup
      14. ProgressBar
      15. ProgressSpinner
      16. Ripple
      17. ScrollTop
      18. Skeleton
      19. StyleClass
      20. Tag
      21. Terminal
    13. Utilities
      1. FilterService
      2. Overlay API
    1. Accessibility
    2. Animations
    3. PrimeFlex
    4. RTL
    1. bdSpark Icons
    2. Custom Icons
    1. Update SparkNG
  1. GitHub
  2. Discussions
  3. Primary
    Surface
    PresetsAuraMaterialLaraNora
    Ripple
    RTL

AutoFocus

AutoFocus manages focus on focusable element on load.

Usage #

import { AutoFocusModule } from '@bdspark/sparkng/autofocus';

<input pAutoFocus />

Basic #

AutoFocus is applied to any focusable input element with the pAutoFocus directive.

SparkNG 22.0.5 by bdSparkPhilosophyFAQContributeGitHubDiscussionsMIT License