@sb1/ffe-form
v29.0.8
Published
Form components for Felles Front End
Downloads
2,345
Keywords
Readme
@sb1/ffe-form
Install
npm install --save @sb1/ffe-core @sb1/ffe-form
Usage
Full documentation on form usage is available at https://design.sparebank1.no/komponenter/skjemaelementer/.
@import 'path/to/node_modules/@sb1/ffe-form/less/form';
See also @sb1/ffe-form-react
.
Theming with CSS custom properties
In order to support theming of components, this package contains styling that depends on a set of custom properties, defined in less/theme.less
. These properties in turn depend on a base theme defined in ffe-core
.
If your project uses the ffe-core
, you're probably good to go. If not, make sure to import the core properties in theme.less
:
@import '~@sb1/ffe-core/less/theme';
This package consists of several components, each with their own styling. If you choose to use only one component, e.g. checkbox.less
in your app, make sure to also import theme.less
in order to have access to the necessary CSS properties.
@import '~@sb1/ffe-form/less/theme';
@import '~@sb1/ffe-form/less/checkbox';
Development
To start a local development server, run the following from the designsystem root folder:
npm install
npm run build
npm start
A local instance of component-overview
with live reloading will run at http://localhost:1234/.
Example implementations using the latest versions of all components are also available at https://sparebank1.github.io/designsystem.