29:null 2a:["$","title",null,{"children":"Quantum Atlas Component Styling | Sean Kelley | Observable"}] 2f:T440,function radio(config = {}) { let { value: formValue, title, description, submit, options } = Array.isArray(config) ? {options: config} : config; options = options.map(o => typeof o === "string" ? { value: o, label: o } : o ); const form = input({ type: "radio", title, description, submit, getValue: input => { if (input.checked) return input.value; const checked = Array.prototype.find.call(input, radio => radio.checked); return checked ? checked.value : undefined; }, form: html` ` }); form.output.remove(); return form; }30:[{"id":"182cdf30ad2c309577a3ccf64835a4a464b6defd268bed96ed8df74cb9632b1d0897c374ca522d3c08cd6554b23ea54276979a4e5d692f8e624ad27daf62d1b8","href":"https://static.observableusercontent.com/files/182cdf30ad2c309577a3ccf64835a4a464b6defd268bed96ed8df74cb9632b1d0897c374ca522d3c08cd6554b23ea54276979a4e5d692f8e624ad27daf62d1b8","name":"arrow-right.svg","type":"image/svg+xml","lastModified":1647357199732.744,"size":1351},{"id":"8c978008180d5f5ddc077556012bb3616ed1ac7265f3f098db28af0cf198201e9d504946b4339064184f54c443297acaaabbc576cc97282610e69c46d617fde3","href":"https://static.observableusercontent.com/files/8c978008180d5f5ddc077556012bb3616ed1ac7265f3f098db28af0cf198201e9d504946b4339064184f54c443297acaaabbc576cc97282610e69c46d617fde3","name":"arrow-left.svg","type":"image/svg+xml","lastModified":1647357199740.152,"size":1372}] 2d:{"id":"c36316a4e5dfcf22","slug":"quantum-atlas-component-styling","title":"Quantum Atlas Component Styling","thumbnail":"0b87ee7df889500fbc99be785e817afbd7b5ddfdb63a9db9856899a580e6f581","access_level":"public","create_time":"$D2020-06-10T08:16:09.258Z","update_time":"$D2022-03-15T22:48:07.741Z","view_time":null,"first_public_time":"$D2020-06-10T08:37:46.275Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"a44491ce5eeb687e","login":"flimsyhat","name":"Sean Kelley","avatar_url":"https://avatars-next.observableusercontent.com/41841bcbde9cb3bad5c3833954421fcae3aabfbe8af493a289ee9e023b7e4b0d","tier":"starter_2024"},"version":274,"publish_version":274,"role":null,"authored":false,"authors":[{"type":"individual","id":"e4c3099b4f590b69","login":"flimsyhat","name":"Sean Kelley","avatar_url":"https://avatars-next.observableusercontent.com/41841bcbde9cb3bad5c3833954421fcae3aabfbe8af493a289ee9e023b7e4b0d","tier":null}],"members":[{"type":"individual","id":"e4c3099b4f590b69","login":"flimsyhat","name":"Sean Kelley","avatar_url":"https://avatars-next.observableusercontent.com/41841bcbde9cb3bad5c3833954421fcae3aabfbe8af493a289ee9e023b7e4b0d","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"a42e28a8b3245990","slug":"quantum-atlas","title":"Quantum Atlas","owner":{"id":"a44491ce5eeb687e","login":"flimsyhat","name":"Sean Kelley"}},"type":"notebook","body":{"title":"Quantum Atlas Component Styling","cells":[{"id":0,"value":"md`# Quantum Atlas Component Styling`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"md`Shared component styling for the [Quantum Atlas](https://quantumatlas.umd.edu/) project. Import individual cells (ex. \\`\\`buttonStyle\\`\\`) or import all CSS using \\`\\`quantumAtlasStyle\\`\\`.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"md`## Button`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"buttonStyle = html`\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"md`## Fonts`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"html`

Component Title

Component paragraph using the Exo2 font.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"atlasFont = html`\n\n\n\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"fontStyle = html`\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"md`## Radio Buttons`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"viewof radioButtonEx = radio({\n options: [\n { label: 1 , value: 0 }, \n { label: 2, value: Math.PI },\n { label: 3, value: Math.PI/2 }, \n { label: 4, value: 3*Math.PI/2 }, \n ],\n value: 0\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"radioButtonStyle = html`\n\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"removeStyleTags = function(str) {\n return str.outerHTML.replace(\"\", \"\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"import {input} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"