3f:["$","button",null,{"title":"Copy to clipboard","data-copied":"Copied!","data-code":"import { Button } from \"@base-ui/react/button\";export default function ExampleButton() { return ( );}","children":["$","div",null,{"children":"$undefined"}]}] 40:["$","button",null,{"title":"Copy to clipboard","data-copied":"Copied!","data-code":"import { Button } from \"@base-ui/react/button\";export default function ExampleButton() { return ( );}","children":["$","div",null,{"children":"$undefined"}]}] 41:["$","button",null,{"title":"Copy to clipboard","data-copied":"Copied!","data-code":"import { Button } from \"@base-ui/react/button\";export default function ExampleButton() { return ( );}","children":["$","div",null,{"children":"$undefined"}]}] 42:["$","button",null,{"title":"Copy to clipboard","data-copied":"Copied!","data-code":"import { Button } from \"@base-ui/react/button\";export default function ExampleButton() { return ( );}","children":["$","div",null,{"children":"$undefined"}]}] 43:["$","div",null,{"children":"$undefined"}] 44:["$","button",null,{"title":"Copy to clipboard","data-copied":"Copied!","data-code":"import { Button } from \"@base-ui/react/button\";export default function ExampleButton() { return ( );}","children":["$","div",null,{"children":"$undefined"}]}] 45:["$","span",null,{"style":{"--0":"#DDA2F6"},"children":"16"}] 46:["$","span",null,{"style":{"--0":"#9595E3"},"children":"}"}] 47:["$","span",null,{"style":{"--0":"#B9BED5"},"children":" "}] 48:["$","span",null,{"style":{"--0":"#DDA2F6","--0fs":"italic"},"children":"weight"}] 49:["$","span",null,{"style":{"--0":"#93DDFB"},"children":"="}] 4a:["$","span",null,{"style":{"--0":"#BEC6F2"},"children":"\"bold\""}] 4b:["$","span",null,{"style":{"--0":"#B9BED5"},"children":" />"}] 4c:["$","div",null,{"className":"ec-line","children":["$","div",null,{"className":"code","children":[["$","span",null,{"className":"indent","children":["$","span",null,{"style":{"--0":"#B9BED5"},"children":" "}]}],["$","span",null,{"style":{"--0":"#B9BED5"},"children":"Download file"}]]}]}] 4d:["$","div",null,{"className":"ec-line","children":["$","div",null,{"className":"code","children":[["$","span",null,{"className":"indent","children":["$","span",null,{"style":{"--0":"#B9BED5"},"children":" "}]}],["$","span",null,{"style":{"--0":"#B9BED5"},"children":""}]]}]}] 4e:["$","div",null,{"className":"ec-line","children":["$","div",null,{"className":"code","children":[["$","span",null,{"className":"indent","children":["$","span",null,{"style":{"--0":"#B9BED5"},"children":" "}]}],["$","span",null,{"style":{"--0":"#B9BED5"},"children":");"}]]}]}] 4f:["$","div",null,{"className":"ec-line","children":["$","div",null,{"className":"code","children":["$","span",null,{"style":{"--0":"#B9BED5"},"children":"}"}]}]}] 50:["$","div",null,{"className":"copy","children":[["$","div",null,{"aria-live":"poli

Button

Installation

Examples

Base

Secondary

Danger

Outlined

Ghost

Link

Icon

Icon only

Loading

Disabled

API Reference