Menu
My Site LogoMy Site LogoDesign System
GitHub
๐ŸŒœ
๐ŸŒž
My Site LogoMy Site LogoDesign System
  • GitHub
  • Designing
    • Design kits
    • Accessibility
  • Developing
    • Installing with npm
    • Installing from dist
    • Update using npm
    • Browser support
    • Using it with React
    • Blank page template
    • Typography
    • Colours
    • Sass reference
    • Usage with TypeScript
  • Components
    • Accordion
    • Announcement
    • Back link
    • Back to top
    • Breadcrumbs
    • Button
    • Contact block
    • Conversation
    • Collapsible
    • Character count
    • Checkboxes
    • Cookie banner
    • Date input
    • Details
    • Dialog
    • Error message
    • Error summary
    • Fieldset
    • File upload
    • Header
    • Hint
    • Input
    • Inset text
    • Label
    • Page announcement
    • Pagination
    • Panel
    • Phase banner
    • Radios
    • Search box
    • Select
    • Simple pagination
    • Skip link
    • Summary list
    • Stat
    • Table
    • Tag
    • Tabs
    • Textarea
    • Timeline
    • Tip
    • Warning text
  • Patterns
    • Sign in to a service
    • Navigate around a service
  • Starter kits
    • Prototyping
    • Production
  • Data visualisation
    • Getting started
  • Contributing
    • Ways to contribute
    • Coding standards

Usage with TypeScript

The Hackney design system fully supports TypeScript. Simply import from the library to access the typings.

If you are using the install from dist approach you can add the typings directly to your tsconfig.json to access the window.LBHFrontend exports, without directly importing from lbh-frontend.

{
"compilerOptions": {
"strict": true
},
"include": ["src/**/*", "node_modules/lbh-frontend/lbh/index.d.ts"]
}
Edit this page
Previous
ยซ Colours
Next
Accordion ยป
Made by HackIT.