github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

Explain how to group components in the UI Framework.

Browse source
This commit is contained in:
CJ Cenizal 2016-12-26 13:42:54 -08:00
parent bc4781687a
commit 85fe9720f8
1 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/ui_framework/README.md
View file

@ -23,8 +23,11 @@ There are two steps to creating a new component:
### Create the component CSS
1. Create a directory for your component in `ui_framework/components`.
2. Create an `_index.scss` file and however many component SCSS files you need in this directory. Import the component SCSS files into `_index.scss`.
3. Import the `_index.scss` file into `ui_framework/components/index.scss`.
2. Create an `_index.scss` file in this directory.
3. Create at least one component SCSS file in the same directory.
4. If your component has subcomponents (e.g. ToolBar and ToolBarSearch), tightly-coupled components (e.g. Button and ButtonGroup), or you just want to group some related components together (e.g. TextInput, TextArea, and CheckBox), then you can create additional SCSS files for them in the same directory.
5. Import these component SCSS files into `_index.scss`.
6. Import the `_index.scss` file into `ui_framework/components/index.scss`.
This makes your styles available to Kibana and the UI Framework documentation.