1.0.0 • Published 2 years ago
font-size-picker-menu v1.0.0
Font Size Picker Menu
Demo
Live Demo
Installation & Usage
yarn add color-picker-menu
Include the Component
import React from 'react';
import { FontSizePickerMenu } from 'font-size-picker-menu';
const Component = () => {
return <FontSizePickerMenu />;
};
Properties
Property | Description | Default | Type |
---|---|---|---|
ref | reference of the button which opens the color picker menu. The position of the menu is based on this reference. | ||
theme | light or dark | light | string |
fonts | example: [{id: 1, value: '13', name: 'S' }] | array | |
selected | name of the font. S , XL etc | string | |
selectedColor | applied as background to selected size or hover | string | |
onChange | when size is changed via click. It returns a font object with id , value and name | func | |
onHide | when the detected click is outside the color picker | func |
1.0.0
2 years ago