leaflet.pub
a tool for shared writing and social publishing
pass attrs to highlight button
awarm.space
+2
-1
components/Toolbar/TextDecorationButton.tsx
+2
-1
components/Toolbar/TextDecorationButton.tsx
···
9
10
export function TextDecorationButton(props: {
11
mark: MarkType;
12
icon: React.ReactNode;
13
}) {
14
let focusedBlock = useUIState((s) => s.focusedBlock);
···
36
active={hasMark}
37
onClick={(e) => {
38
e.preventDefault();
39
-
toggleMarkInFocusedBlock(props.mark);
40
}}
41
>
42
{props.icon}
···
9
10
export function TextDecorationButton(props: {
11
mark: MarkType;
12
+
attrs?: any;
13
icon: React.ReactNode;
14
}) {
15
let focusedBlock = useUIState((s) => s.focusedBlock);
···
37
active={hasMark}
38
onClick={(e) => {
39
e.preventDefault();
40
+
toggleMarkInFocusedBlock(props.mark, props.attrs);
41
}}
42
>
43
{props.icon}
+1
components/Toolbar/index.tsx
+1
components/Toolbar/index.tsx